JavaScript
JavaScript
!"#$%$&'()*+%, !"#
-./!012'!3 4!.5678269:'$6;<!0=6
'>?%%@1!A!%(?B4CD 5EF*!JavaScriptGH 2I1B(J
K!?!%(?L!.#MD%N%',!,:'>!FB?B4 4O@5 D*!?%1*
!%/P973Q%?!.!'36!%(?L-?'.?.Q
'>',%?'?R!S82BT?UVW2
X6!SR!%(I12IJavaScript62
'>-?P!.!%(*+%,W3YBILZ62JavaScript[%!6!0\!(E])
!./3$'>-?'^.G _!?!
])!.F
R!%B`5%R!%(I1JavaScript EnlightenmentE]!QCody LindleyI6
V$ EM M
VM$O'Reilly!]X,Xa30FP_?WbGI92F'?5%?'+/0cI1 M
D
VN$
F&d!V?'Q95?F `
e9R!%(I1Creative CommonsP=0QN?/M$
-<?!Fe9% !Af Attribution-NonCommercial-ShareAlike 4.04!?
5e9%I1B<2'S3QcI1
'!gGW(W2526R!%(-?*!?hFEi?]2'!.06
F-8%(0(?6'F'%(?3abdallatif.ey@gmail.com'j:
[%6i6 !/3%,
k? 2?SP
',]
4
...............................................................3
............................................................14
lR!%(I1 N
#%b!?
R!%(I1OEAB
8Gb!?JavaScript 1.5ECMA-262 v3l
!0\!U)2b!?Date()6Error()6RegEx()l
R!%([/0
-2 `
!?6<2 `
3) 2
(%63VB<( R
W:6[/0%
'<m'S'FA% K
:JavaScript........................21
!0\!(O!V$G
'$!n6JavaScriptB\!(B!
+/$N60
'>o!,2 5?!0\!('$!n6JavaScript
*+%/?!.Z D
V0N%!0\!('$!n6
-!?*+%,!F'$!n6O!%,new
'$!n6BO!V$&Q%+?[\
'/62 '6:
'6:null6undefined6string66true6false!0\!#/
'6:p/0N6W=@+NPJavaScript
'? !?%H6!/%'6:
!0\!(!.!$!0B\!q,L/%,'6:'0?6' 6'Q0
'?62 =N?
?p M
/0N62W=@+NPJavaScript
'5? !?%H6!/%?!0\!(
'(!0 `
!8!9?!0\!(
-!?typeof?6'6:-?%/N
!0\!(>%F7?/'(!0!8!+
'8!9L?!0\!(?5constructor!.'$!'GVN%
'0j4'$!F4' BYM
V0N!`B\!W!bG!?[S%
'%/?E!8!9'$!F' BYV0NB\!L?W2B(?
!0\! BF!r%9X JavaScript!0\! 6 Object()
:.............77
d$2'!f?!0\!(%SW2B(?JavaScript!8!+
!AF!.03%/$'F?!0\!(P>
's*+%,!FB\!(!8!9B'8!9'?nQS62tS62ug
o:62u0
!0\!(!8!9vI]
B\!(!8!9G!)&W!%,'3
'*+%,hasOwnPropertyE`'F!!0\!(]2'8!9=W2[S%
-!?*+%,!F'0j'8!9B\!(%SW!WG[S%in
']*+%,!FB\!(!8!96?for in
'0?wN?!0\!(6Pw?!0\!
'%(*+%,!F!0\!(-!%'^B/SUnderscore.js
! " :Object()...............................103
!0\!*+%,B'x$'S?Object()
'$!'r!Object()
5?n66!8!+Object()
d$B!0\!( 5?n66!8!+Object()
!0\!O!V$GObject()Q%+?'!F
BK!0\!(?5Object.prototype
! #$:Function().............................113
!0\!*+%,B'x$'S?Function()
'$!'r!Function()
5?n66!8!+Function()
d$B!0\!( 5?n66!8!+Function()
!'?!6 n6N
!?-T<?N!?$G6/S'A0H]Gn6#/
' Gr!??
W!%?this6argumentsn6?AW!%]!%
'8!+arguments.callee
'8!+length'8!+6arguments.length
'r!P !G
'I30O!>G2 !1I30O!.%$-'B'? !G
AF62'AF'?62'$!F' 'P
62'$!F'62B\!'62' !' 'O!%, call()6apply()
'.A?n6
)!!./3$%/%AF'=N?n6
)!!./3$%/%'.A?n6
n6jVB(?
n6Bn6 !G6n6Gn6?
!.3-n6O!%,
6!%I30% !./3$%/W2'B(?
%&$! ':....................139
/\B\!(*.3B'x$'S?
/\B\!(B?g 5?'!n6
'!>%?6!8!+6/\B\!(
/\B\!(G!)&
UgF !EG!VNX6!0?g/\B\!(*M+%/N
()*+,-. /0&:this....................147
*+%,B'x$'S?this!0\!(GVNP6
'? =SNPthisl
"AS?'?(this'V%?n6/\B\!(GVN
n!A?'/,'V%?n6'(Vv!3%X
'?(S%this*+%,!Fcall()62apply()
"AS?'?(*+%,this*+%/?-DB'=N'$!F' -9
"AS?'?(thisB\!(' -9 prototype'BYV0N?B\!(GVN%,
'$!
1+ #&:JavaScript....................163
X!A?B'x$'S?JavaScript
'%X!A5XJavaScript
*+%,varX!A?BF* !Q% !3%6>%?B7Q%n6-9
n!A?'/,
!.M<N'?n62n!A?'/,N%,
!.\!%,0a6'PO!0y2n!A? =SN,
n!A?'/,1!.,'>?F!%
-2 ! :prototype.-#..........176
'/,B'x$'S?prototype
'8!+F%.$W2!0b!?prototypel
n6:/ 2
$!</ R
t!</
F/ K
'8!+prototypen6?5 5
'8!+prototypeB\!1'g%XObject()
'8!+F`'sF'$!'BY M
V0N?p/0prototype'$!''F!%
'/,'S9^prototype1Object.prototype
'/,prototype'//!.M<N'8!9n62N%,
'8!9-prototype'8!9vI]G _,45 4B\!B?gconstructor
'g%X
B!8!9K%!0\!(prototypeK]2!6 -QS%,
'?>prototype!F!,Y M
V0N?p/0tSG _B54B\!G
B\!(B'y*+%,*+%/?B'=N?'$!n6B(?prototype!?
',!,:'$!n6
'y6-,r,O!V$G
!* 3:Array()...............197
!0\!*+%,B'x$'S?Array()
'$!'r!Array()
5?n66!8!+Array()
d$B!0\!( 5?n66!8!+Array()
!3Q?O!V$G
!3Q?tS6'!gG
'3Q?ns6o!.3
'8!9b!3QO!V$Glength!/'=N
'8!9uglengthvI]62'!gGG _
!F: %!3Q?2 H92 4!3Q%S%!3Q?
!396!!2'3Q?8!0W6
-34& $5:String()..................211
B\!(B'x$'S?String()
'$!'r!String()
5?n66!8!+String()
d$B!0\!( 5?n66!8!+String()
06 $7680,:Number().....................216
B\!(B'x$'S?Number()
'V :6'SSQ :
'$!'r!Number()
5?n66!8!+Number()
d$B!0\!( 5?n66!8!+Number()
-9 $76 :Boolean()...........221
B\!(B'x$'S?Boolean()
'$!'r!Boolean()
5?n66!8!+Boolean()
d$B!0\!( 5?n66!8!+Boolean()
'?b'6:f'0?!0\!(falseGnS%%,true
O!):zFfalse'6true
0::6-::::34&:::: $76" :
--9.....................................228
!.!8!9Gn8n6!S$!0!0\!G'6:nS%%,
'j6:'0?6' 6'Q0*+%, !L
- $76#$:null..............................234
'?*+%,B'x$'S?null
-!?typeofN,objectnull
- $76':undefined...................237
'?B'x$'S?undefined
'+/$JavaScript ECMA-262>%?vTN cF!6 t!<8& undefined
*!n!A?
-;<$ $76/0&:....................240
B\!(B'x$'S?Math
B\!(n6 6!8!9Math
Math
'$!F' #/
B\!(Math!.%?>%/X#FyL?
-=$ >,.:.........................................244
-4 >,.:.......................................249
!
.?JavaScript
?Q%{!?$2BaR!%(I1JavaScript'0\!'A|b?$d!BX6
'>E5%JavaScript'>'\@?!FP%!F%(a6JavaScript7g%62
62'A!F.<]}!+)m!.=
5a6
r!)!5W(W2~M%3X6!.F
B!Z)WXBILZ62JavaScriptJBj42"!A$& 49%S!F!%aI16
-B%'F!/%(d$2?A
B' x$•!O!G1R!%(I1'F!%BgfJavaScriptnr9B
!0\!(v!V(%,JavaScript?-<!.'!637g6
complex values'6:6 primitive valuesn!A?6 scope'y6
inheritance/\B\!(6 head objectQW(W2R!%(I1BgfW! pG
'38Bt!<8€4'.34'8r9%S6ECMA-262'sE@TY,6
!0\!(JavaScript
M
#+%,62!??Q M
#0bGJavaScript-< !%(?O!#SN-BjQuery
62Prototype62YUIB'%(N?%4TBR!%(I1H%SLTSW25Y pG
!%(JavaScriptT GJavaScript
" #
$%&
!!??%2X6!EWT6 2/30R!%(I1 N
#%0=$2v%2W2'Fj
';R!,:G'!gG b
•zF3W(% ,:•60Q '"r%K6]B!%(?- T./N
($ 2L?XL0(O!36'/F:I=30N%, #x'y!B(W!]:
15
.?JavaScript
B4'%(*+%,X N
u+ 4e+)=2=W21'S b!?62Lb-'3B
!%(JavaScript|b?$‚ D
V0N!062 6[0!0 4-?4!sG62
Lo!,26qTS-?'3.36!%/O6!Gx0W2A u/F-A/
3V%(6!!?!%/S@W2W6BI `,!0R!%(I1 '%(?
*+%,!FJavaScript!./3$
•TMozilla'+/0!y=SN
r!!56
r JavaScript 1.51EQ0!=W2%2J
W252 %?5?.!/4]64x$D'.56B `R%(6`*.3`0%/
cI-' jQ3?f1!3?6!?
rD9MR!%(I1W(
Mozilla
•'+/$BJavaScript5!!gGc!A*%$!00('s%35%%,
Bo !/8&-< '!%8&'>ECMA[Ty62W2 N
2I
',!,:1!3?JavaScript
N
#%,!cT$Y,6>%W2-?%S?fB%
!r%9XG
•3VB4'x$4'<YF`'Z'A!>BKS%%'%?'0%%(
(3.G•!-8IQU)g6- T
w2!$2 <4V]%S6
!
A.0R!%(I1 N
#M= )!E>VB(?I] 4
?4n!<?F!%
4-YFUMVN!F!%,-.,26-26>821!3G?g?•T@A
'Q34'<YF'6!?(B 4B(?
•%'f2B+yJavaScriptB<2O[S%/%5!.f26,
16
.?JavaScript
W6 '?.?:ƒw 4
R!%O!V$G N
200(J!.!+%,6!.%$!(!.'Q3
<'g!3%,X
'()*+,-.
T62!,!,:!F?•%?1d$n62 }!+):BB$G `E5R!%(I1
JavaScript!0\!(E?.3F'>!FE%W2Iu,%JavaScript!?.
!%(*+%,+1$!<d0 !?JavaScript!Gx0@1!5782I
!%(62'A AB!,!0aR!%(I1 !%/O6JavaScript62
vj% 2BM?DJavaScript
/01&JavaScript 1.5ECMA-262 v3"
8GR!%(I1@TY,BJavaScript‚!(I ECMA-2628&
8&K=SN, W;]G!S3Q%?!8G<218&I1 =W: t!<
B8G9^ 5?!!g&6!<S%%S(R!%(B* !
ECMA-262
23%456&Date() Error() RegEx()"
'>!Q3!5aR!%(I1!F!, N
b!?JavaScript!0\!(@TN,!?$G6
.q!/%,%JavaScript!0\!(U)2 j
X2 N
IDate()
6Error()6RegEx()@B!0\!(cI1-8!3j=W: (!.\!Bf
!0\!(L?.Be062JavaScript?5R!%(I1E?%%,![TNW252
17
.?JavaScript
'ZF 5?!0\!(JavaScript
782
%SE$:/I1+%XO!5R!%([/0's.3W2.?B2W2-
R!%(I. MLDOO!0y2q!/%,4'?. 4!
.
!Q+) 3V!F `
[S$!yYUVGx0W2A 'F3Ve j
S3O!5
eS3%W2LbG'L]UV "WG[X '?P26!/3V =W2H2
I(362*.3?7QW2G'?cI1T(6H92!%2W263V
4'y43)GXG|!%Sr(+B4']G-QW252 !
Sg6E])n6!]2
'A1!3?]2%/(5!y
.
00(Lb[S%,2!?F '<:'g!3%,X6:a3$(%0[!w%%,!?F
OB's> 4!%g2W2B
XFT(6!
w3%/6! W2W2- T
w2
?%Lb6-?B:r=W2H !W3_?!.%6.!6
-Q3%!F!4dgW6!SBI3,Lb=W2-3>XB(dg?!FL%
.
3)zu+N*+%,Y,JavaScriptG!)€ ;n!<?!?
w3W-?%,Y,6E]V$I*.3?!F)
.?JavaScript
!%G!)€7!3
<!DOCTYPE html><html lang="en"><body><script>
//
var foo = 'calling out this part of the code';
</script></body></html>
3)zFe0B%PgY,3V[/0G'!g&!FJavaScriptL6
n!< !e0BF6!.0F@j?([!f 4
w4WF#F!y 4~b 4u+F[ =
/0N%,3V
B\!!0B(cody'$!'Bc!$YV$2IObject()
4B\!BP%+XI
'$!'*+%,!Fc!$YV$24'Q$4'//String()3VeS3 n!<?-,
cQ2!.3%';]n!<
.!"!#!$%
!.F'8!9'S3QF'R!%(I1'<2'f2jsFiddle3V-g2t]
'<2J)!3VI306-L0(?t] ]n!< W0F!.G!
F jsFiddle
'!gG*+%/Firebug lite-devQ2 „!0~' -?%,Iconsole.logx
v%W2L=W2H2 -!VW6 '<S!S3Q%?'B~>console.log
R!%(I1O-!.+%,'36
!.T/NX!]L!01jsFiddle3)%zFJavaScript!10
19
9:;<
=>23JavaScript
1
!0\!( n6:-Q3JavaScriptJavaScript
23(?@1
',!,:'0N1!0\!(JavaScript
N
L/624B\!B`!!. 4O)-=W2bG
.3%/!0\!( M
#?.bGIJB\!q,JavaScript!0\!(O!V$G'sGbGx00
JavaScript
B\!(object?/N6 O!?,YF'?B'?A62'6!] A1
!8!+ properties3)'j2Gx0$W2-
X62!0LbR!%,n6!S0
JavaScripte+VPQ$W2!00(? n!<?! Q+)I9Y$W2L2! cody'>*+%,!F
;!4n65'F
cody
!&'!&'!
!Slivingtrue
?age
a0Agenderbmale
'?(cody'? 6 !8!+ B4'?A? `W01[F!/n6A
1!vTN% !. codye+V=W2[F!/n6ABvDMW2L0(? S
codyc?6!Sb16'0,
B(JavaScriptn6AB<!.%0NFP%+B%!0\!(!?$G6n6A-?%/X
22
!0\!( n6:-Q3JavaScriptJavaScript
3)Gcr2n6A 5?!?-SB(? [F!/JavaScript;!n!<
]
<!DOCTYPE html><html lang="en"><body><script>
cody
var cody = new Object();
!cody"#$%
&'()*% +'#$ +,%-
cody.living = true;
cody.age = 33;
cody.gender = 'male';
// .*: Object {living = true, age = 33, gender = 'male'}
console.log(cody);
</script></body></html>
,!.'8!9-6!8!+!6!] A1!0\!( L01b'?cI1 D
[F2
-D?%/M '?6JavaScript2 4O!?,2 N
b`!. 4!8!9Nw%N'6!S *.3
B% 4O!0FAS B\! JavaScriptB\!(cody!.0 N
=M%`'?1
B\!(JavaScriptE!8!+ 4
N
O!GyB6!?,DED\!G64B\!(\!V$hF
B\!(']?cI1cody-!%$!j0!j?6J'%F!y 4!XG%SXEV!0$I
23
!0\!( n6:-Q3JavaScriptJavaScript
B\!(„$W:7?$!0=$2_?B?'AF4'>cody!-(XG6 !!Z)-3(
'>8B4'4'0F N
b 4!$!FN! A1E(?$JSON
B\!(-3(6cody!!Z)
' '!gGAmethodn6B W($(6 !'3…F*'L6EG
JavaScriptB\!%S `
!8!91Function()4'?O5G1E0v.W(I
'%SIB\!(
n65tS N
2bGcody' '!ghFgetGender;!'F!Fn6A6/
cody
'8!+'8!+'?
!Slivingtrue
?age
a0Agenderbmale
getGendera0A'? !G
*+%,!FJavaScript' 6%,getGender;!K=SN?n6A 5?
]n!<
<!DOCTYPE html><html lang="en"><body><script>
!!Q%9 JavaScript Object Notation
N'.,16!$!-!0%-M?%/N`'Q$`'>816
'?B'?\!62 '? ,X |6":B'?AB@+'F!%(6O
24
!0\!( n6:-Q3JavaScriptJavaScript
var cody = new Object();
cody.living = true;
cody.age = 33;
cody.gender = 'male';
cody.getGender = function(){return cody.gender;};
console.log(cody.getGender()); // .*: 'male'
</script></body></html>
'-M?%/NgetGenderB\!(`'8!91% cody !& returnB'?
'?1%B\!(!8!9H]Gmale'8!+'$=@+N?genderW2L!
'%F!<!8!+B@+H,!Z)-3XB\!(!n6 56W6 E=$2E?.3
B\!(codyd0BB\!(!
w2vMNW;Gc!0V!$IObject()B\!!$YV$2
cody'$!'!0E6I†!B\!*+%,!Fconstructor functionObject()
B\!'!]6J!.3 M
[MM
,!0\!% `1'$!n6=W2-+cody!0+%,
'$!'Object()EN%?,2I†!B\!O!V$&codyW!!j?6codyB!0!0\!
'$!'Object()=W2n$W2!00(?codyd0B`B\!1Object()L!
d0B'/F!0\!O!V$G'sBx0z>F E?.Object()-<cody
=W21
5?'!fJavaScript-<'6: !0\!1/foo/606true1
!]X!12KS%0,6!.'Z!(!0\!5B(!cI.O!0<%,
25
!0\!( n6:-Q3JavaScriptJavaScript
B\!!0B(cody'$!'Bc!$YV$2IObject()-, P%+XI
'$!'*+%,!Fc!$YV$24'Q$4'// 4B\!B n!<?String()3VeS3
cQ2!.3%';]n!<
<!DOCTYPE html><html lang="en"><body><script>
12Object()
var myObject = new Object();
myObject['0'] = 'f';
myObject['1'] = 'o';
myObject['2'] = 'o';
// .*: Object { 0="f", 1="o", 2="o"}
console.log(myObject);
12String()
var myString = new String('foo');
console.log(myString); // .*: foo { 0="f", 1="o", 2="o"}
</script></body></html>
W!0\!(6!?myObject6myString4!8!9!?1rL?W2B(? W!0\! !?1
K62inherit>%? '$!F4' B!?1‡!V$G6 4!8!9 myString%SI
'Q0'//'?foor#QS3bG !%/O6B\!'0FL?E0(5!
/F6
26
!0\!( n6:-Q3JavaScriptJavaScript
:!12 d0!FW!3%+!?.0(H%S?!FWry!?%!.$2ˆ]r%/!Z D
VN$2WIB0\!(
=W2ˆ]rW21JavaScriptB%!0\!(*+%/
ABC.
'?HW2>BA!?Ffoo-,r/=W:B\!-()
-=<?N'Q0JavaScript
r< '62!.=$2 var myString =
'foo';
=2=W2GL1!%$#3'Q$'/,O!V$&B\!!01 N
#+%,
!.$2!.F !(3X%Lb!?F!0\!W(W2B(? 4O)
'0?6 :6'Q0-,r/Q2 !0\! booleanB…26
4O)- =W2nzb!?.q!/,I1=W2!
w2
JavaScriptB\!1
'>%SJavaScript'$!n6String()6Object()-A'>o!,2
B\!O!V$G'?String()62Object()'>-?%/T? L0( '/F JavaScript
'$!F' P%F;n!<?Lb N
#S =
g6 !F!.y!?'$!Fn6 O!V$G!
w2%/
,!F'8!9Person()!.+%,!F }!+)2 O!V$GBB(?Y,I n!<]
<!DOCTYPE html><html lang="en"><body><script>
+%'%'345Person6
)789+8
"*2:Person()
var Person = function(living, age, gender) {
this.living = living;
this.age = age;
this.gender = gender;
27
!0\!( n6:-Q3JavaScriptJavaScript
this.getGender = function() {return this.gender;};
};
';'<'$=Person
>9?@*5A$Bcody
var cody = new Person(true, 33, 'male');
console.log(cody);
/*
';'<String()'>C+D?@'@EF
G
9H+I?@
Javascript';'<EFJIBKL<$+8')5MNH
'>C+D',*'==JavaScript*@O
'P','=='$=QR,S@
RB<*<$+6
+=?L<$+8')5MK
T'>C+D';String()RB<*9+BD
T*=U%*@?';Person()
*/
1*'$=String>9?@*5A$BmyString
var myString = new String('foo');
console.log(myString);
</script></body></html>
28
!0\!( n6:-Q3JavaScriptJavaScript
'$!'B(?Person()B(?%!?}!+): 4!0\!‚ D
V0NW2!./3$YF!1!0%
'$!'String()'$!' 4'Q$M-,r/ 4!0\!O!V$GBPerson()
ƒ-2#/
'$!'B'$662String()'>o!,2 5?'$!n6B!1f62
JavaScript
B\!(‚ D
V$N2P=Icody'$!'B !F!,c!0V!$I Object().?B
'$!'=W2'x]rObject()A'$!'6Person()3V1!x
B n6a3$6!8!+a3$E!0\!W!A%0!?1!%( !!?„\!%0a3$W!A%0 cr2
B0\!(=W2W.xWI;n!<?M?/x0codyA6codyB%]a3$
'3%+[\F!?1!$YV$2]n!<
<!DOCTYPE html><html lang="en"><body><script>
2codyA';'<L<$+%Object()
var codyA = new Object();
codyA.living = true;
codyA.age = 33;
codyA.gender = 'male';
codyA.getGender = function() {return codyA.gender;};
// .*: Object {living=true, age=33, gender="male", …}
console.log(codyA);
29
!0\!( n6:-Q3JavaScriptJavaScript
/*
2NV**+cody';'<L<$+ 6
8<%O*
Object():cody';'<6
8BDWX
F
*=@OPerson()
**9+?codyY&Z<5[\2]DB-
^_9'9L<$+%<+;6*2VX
*G*+ !B
new
*/
var Person = function(living, age, gender) {
this.living = living;
this.age = age;
this.gender = gender;
this.getGender = function() {return this.gender;};
};
var codyB = new Person(true, 33, 'male');
// .*: Object {living=true, age=33, gender="male", …}
console.log(codyB);
</script></body></html>
BFN/\ N
vr%9XcodyA6codyB'$!n6!?$G6E/3$B\!(B?(X
B\!(‚ D
V$N2 !0\!(O!V$&'+%/?codyA'$!'*+%,!FObject()'!2
'$!Person()B\!( ‰
YV$YcodyB5!0\!P%H92!.+%,B(?B(
30
!0\!( n6:-Q3JavaScriptJavaScript
d0BPerson()'y6ugG!
w2!0\!O!V$&LF'8!9'$!Fn6 O!V$G _,
'/,-?%/prototypeprototypal inheritanceB\!(p/0Person()-T
Q3N0,[X
!]XLb
.)2!?1W!%F!/W!%J?B\!(a3$O!V$GGBF!/BSr _,
!0\!(O!0'?%/?[\
'>JavaScriptO!V$&'?%/?6'>o!,2'$!n6zF'?SY`'>1
62n662'Q0-,r/62 :
r< B4 =SN4d$BTN%!0\!
!0\! *!+ ? G'!g&!FJ pG !3Q?62!0\!( Function()%
r< !0F'8!9'$!Fn6 O!V$&!.!?%,!00(? Person()x0z>F '\!.0'A%06
B\!O!V$G1 B\!(O!V$&-?%/?u?0B
!.%s6!.'Z!(?'6:6!0\!(O!V$G's.R!%('F@TN%,
!.+%,6
=>@ JavaScript-3-. D
E8@ #
=2
!..3?F Bjq,6 4!8!+Fq!V%%!0\!TO!V$G1'$!'6
n6 6'g%e\!Q9!.!0\!O!V$&!((!EV'$!'u =
/N?
!.'F!
'LB( M
#82
r\!L Y/ `' !`' XG1!N'$!N' M
#bG
"AS?'?(*+%,!F%/N%,new
r< new String('foo')KS!06
-D!N%,6! 8!96 'LI9Y%/LbJavaScript'?uwF'8!9'!'L
31
!0\!( n6:-Q3JavaScriptJavaScript
"AS?'?(this}!+q/G'!g&!F6 Y M
V0N,IAB\!(G'L%
2 !<]MYV0N?MB\!(N'cI1%,[F!/this'?B
XF!g%false
EYV$2%'$!'`'F!`'+/$E=$2M%N,'B !N?AB\!(6
'$!'I9Person()3V!%2?cI1B(H92n!<?
"AS?'?(yYLBjN%,!.$:Bj?%F';new]n!<
<!DOCTYPE html><html lang="en"><body><script>
/*
'<Person`<$+a>bE
;X
G
2BO'%'3?
^_9'9new
*/
var Person = function Person(living, age, gender) {
^_9'9thisU
E
*G
+]<5<_?
]D-this = new Object();&
this.living = living;
this.age = age;
this.gender = gender;
this.getGender = function() {return this.gender;};
^_9'9%'<ZQ<=G
<*new
'9c3G
=@this6
8<%false
};
32
!0\!( n6:-Q3JavaScriptJavaScript
'$=Person +%cody
var cody = new Person(true, 33, 'male');
cody'$=B2Person()
console.log(typeof cody); // .*: object
// '%9cB'[<"#$.*
console.log(cody);
// ';'<'*G
%de.*
console.log(cody.constructor);
</script></body></html>
2 *+%/?-DB'TN'$!F' -?%/'F!/3VPerson()B\!(O!V$&
cody'$!'n!?%,BP%+XI16Array()d0BB\!O!V$&Array()
r< new Array()
<!DOCTYPE html><html lang="en"><body><script>
'$=Array +%myArray
var myArray = new Array();
>9myArray';'<
U*
2Array()
.*object"*2?"@,9Of_=8g
console.log(typeof myArray);
33
!0\!( n6:-Q3JavaScriptJavaScript
console.log(myArray); // .*: [ ]
console.log(myArray.constructor); // .*: Array()
</script></body></html>
'f2JavaScript?/!62 B\!O!V$GB?w% '6:!
instantiation '+/0!F '$!'B !N?B\!(?/ '$!'B instanceI9
O!V$&'$!n6*+%,'sLI6!]r8X6Š!3:cI1Y%L%6
!0\!(
FGH6=>'I23@ JavaScript
'>%SJavaScript'0=?wN62 '>o!,2 5!0\!('$!Fn6 /
-DB!0\!(cI1-M?%/N !.JavaScriptLEQ2 O!0 7Q6'>O!0
3)!0\!(B%*+%/N%!0\!(JavaScript@T%!
w26
'>o!,2 5?!0\!('$!n6=Wh!%!F6 '>@BJavaScript1
!/?!.!?%,!
w2B(?B(6!0\!O!V$G%/!.=$2$A %`n6
B`Y M
V0N `
!0\!1n6n!<?-, 'A!>!.3%:B<(O5G
'$!'Function()%/N!0H92!0\!O!V$G!
w2-M?%/NW2B(?!.0(
"AS?'?(*+%,!F'$!F'new
'>'0=?wNY%!0\!('$!Fn6 /%F'?\!cI1JavaScript
34
!0\!( n6:-Q3JavaScriptJavaScript
•Number()
•String()
•Boolean()
•Object()
•Array()
•Function()
•Date()
•RegExp()
•Error()
'>JavaScript%'6:G'!g&!F 'F!/'/%!0\!( ! '0
'0?6 :6'Q0-,r/1boolean1-Q3%!F!0\!(L.
'>'\!0<%,X'AB !3%,rU!%3?JavaScript'>'$6HL",6
!.O!36
ABC.
B\!(Math B!, `B\!E=$2bGOVzFfB\!1 static
XF
%(W2%/XL=$20I16'$!F' E$Bvar x =
new Math()
r< -B‚j.NE=$2!?E+%,%/L0(
Math.PI6MathO!?,2n!A1object namespace
'>B `
{wJavaScript!g!!F0N%n6B?w%
'>F'0=?wN?!0\!(JavaScript!0\!(!F W!]:zF!.G!VN
'! global objectso!,2`'0j?w6*+%,r`']!% `
!0\!!.$:
'>JavaScript/\B\!( 7Q?F7Q?I1Lu%+XB(
35
!0\!( n6:-Q3JavaScriptJavaScript
*! head global objectH%/2 5?B\!(1I
n!A?'/,scope chainB\!(
r< window?5 5?
!]X-Q3%!F:I1BKS%0, !S3Q%
'$!n6Number()6String()6Boolean()!0\!(0X
6 :6'Q0-,r/'62!?!
w2T!?$G6/S
M
#%, '$!'O!%,'s !?%Lb6J'0?
4
B's!/F M
j!2J `B\! !N/)!'$!n6L
-<'6: 3V4'04'?624'Q$4'/,6206/foo/
6true4B\!B
XF'62'?'$!'N%/
JE8!K L
?2 #
=23@
'!0\!V$G0!F!,#2!?Person()U?/?BJavaScriptn6O!V$G
B\!(B'+/$B<2O!V$&!.+%,!00(?%!0F'8!+'$!
'F'.)'$!F' ;n!<?LY,Person()'F!/]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Person = function(living, age, gender) {
this.living = living;
this.age = age;
this.gender = gender;
this.getGender = function() {
36
!0\!( n6:-Q3JavaScriptJavaScript
return this.gender;
};
};
var cody = new Person(true, 33, 'male');
// .*: Object {living=true, age=33, gender="male", …}
console.log(cody);
var lisa = new Person(true, 34, 'female');
// .*: Object {living=true, age=34, gender="female", …}
console.log(lisa);
</script></body></html>
r!?%Fˆ]r!?parameters'$!'O!%,0Person()
B3%/W2B(? }!+):'F!%3!0\!(B O!V$GB'./FB(?%%/
'3%+FB(!8!+a3$!.!0\!'yryB<2O!V$GG|!%S!0<I1
E3!I1:j(3%0j1JavaScript'!J!.'0=?wN?!0\!(!.!0!!?
'$!Person()'$!'!.%%• !?a3$%Array()P%+BInew
Array('foo', 'bar')B<new Person(true, 33, 'male')n6O!V$G
E+%/Iu?0a30L!XG1!LF'8!+'$!JavaScript'$!n6
!.'0=?wN?!0\!(
37
!0\!( n6:-Q3JavaScriptJavaScript
ABC.
"AS?'?(*M+%/N%,'$!Fn6 O!V$G0B/S%/?Bnew
r<',Bn6:vS-A$W2Person()B
XF
person()!!5GaLbB(J
'?*+%,1!.Gc!%$XL%O!):]2this'-9
!.?%/!06J!((/% `!XG1!'$!' =W2=I
"AS?'?(new-9 '=N?6!8!+L?!0\!‚ D
V0N%/
"AS?'?(-?%/$!06 '$!'new'?(=W20I.
"AS?thisO!0FY M
V0N%,% '+/062 B\!(GVN
bG9;$!AB( '$!'-9 5?'A!?%
"AS?'?(*+%,W6 !.%%,6'$!F' M
YV$2newV%/
'?this R: B\!(G parent[X '%SI
'g!3%,!FLb- T
Q3N0,o !/-Q3
"AS?'?(*+%,B0>%/$W2B(??Bnewn6*.36
'04'F'cI1M%(NW2AB(J!0\!N4'!0\!V$hF'$!
d$BB\!O!V$&Object()E !G6
var myFunction = function() {return {prop : val}};
:.JEH@ (Hnew
'swN!0\!O!V$&*M+%/N!((% `!1!. 4
*.3u/FYF'$!'
I9Y0 !/String()-!?-M?%/N!0 'cI1Jn!<?-, operator
new2 newString('foo') ! !?%'Q$'/,‚ D
V0N%, String()
';3VGx00]n!<
38
!0\!( n6:-Q3JavaScriptJavaScript
<!DOCTYPE html><html lang="en"><body><script>
var myString = new String('foo');
// .*: foo {0 = "f", 1 = "o", 2 = "o"}
console.log(myString);
</script></body></html>
'$!'B!‹Q$!0\!cr2!$YV$2String()BTN$W2!0%,'cI.F6
'jQ$4'?JavaScript
ABC.
!.'Z!(?'6:B
XF'$!n6*+%,LU%2X!$2
-<var string="foo";KSI!.3W2200(
'6:a
'>L?!F!, N
b!?6JavaScript'>o!,2'0j?wN?';/%'$!n6
Number()6String()6Boolean()6Object()6Array()6Function()
6Date()6RegExp()6Error()'F!/n6B'$!F' 'j2B!0\!‚ D
V0N$W2!00(?
-!?*+%,!Fnewo!,2'0=?wN?n6B!0\!'/;n!<?‚ D
V$NY,
'>]n!<
<!DOCTYPE html><html lang="en"><body><script>
39
!0\!( n6:-Q3JavaScriptJavaScript
L<$+%'>%'*F
9hG
'%'32'$=new
var myNumber = new Number(23);
var myString = new String('male');
var myBoolean = new Boolean(false);
var myObject = new Object();
var myArray = new Array('foo','bar');
var myFunction = new Function("x", "y", "return x*y");
var myDate = new Date();
var myRegExp = new RegExp('\bt[a-z]+\b');
var myError = new Error('Crap!');
i%bc'%'3'F
5Dde
console.log(myNumber.constructor); // .*: Number()
console.log(myString.constructor); // .*: String()
console.log(myBoolean.constructor); // .*: Boolean()
console.log(myObject.constructor); // .*: Object()
console.log(myArray.constructor); //.*: Array()
console.log(myFunction.constructor); // .*: Function()
console.log(myDate.constructor); // .*: Date()
console.log(myRegExp.constructor); // .*: RegExp()
console.log(myError.constructor); // .*: Error()
</script></body></html>
40
!0\!( n6:-Q3JavaScriptJavaScript
-!?!0+%,0new T
/3D+N$!0$hJavaScript'BB\!O!V$G$!0$2
'$!'n!<?-, E0'?'$!Date()#!0\!O!V$&-M?%/N
'$!' p!%6Date()„%0!.=$20I16 p!%6#!0\!( ! A1
'$!'Bv=N?g%Xu?0*+%,!F!0\!Date()
'>!F'0=?w'$!n6B!0\!(p/$O!V$G'!%/W;W(W2A
-<new String('foo')-< *+%/?!.=%'$!n6B6
new Person (true, 33, 'male')
ABC.
=W2L01IF D
[F2MathB!,B\!1static objectn6'6!]E=$22
-!?!.-D?%/M%'$!F' Ea6 H92new
@ -.(?@M';E73
TJavaScript!.?/$ Q%+[\s literals'0=?wN?!0\!('f2O!V$&
*+%,G'5!SW6 !.new Foo()62new Bar()a3$Q%+?-(V
-!?!0+%,bGY M
V0N,W!IB\!(new1!cI1BO!0<%,X
Number()6String()6Boolean()-3,:'x]r?x$
O!V$&Q%+?'*+%, !%W(%,!?F'AF'39L#$!bG
-!?*+%,!F'$!'O!%,!F!0\!;n!<?‚ D
V$Y, !0\!(newyB6
Q%+?'*+%,!F!.'Z!(!0\!‚ D
V$NY,]n!<
41
!0\!( n6:-Q3JavaScriptJavaScript
<!DOCTYPE html><html lang="en"><body><script>
var myNumber = new Number(23); // 2
var myNumberLiteral = 23; // 6*2b=BO'F
BD'53<'9c
var myString = new String('male'); // 2
// 6*2b=BO'F
BD'F
,'9c
var myStringLiteral = 'male';
var myBoolean = new Boolean(false); // 2
// 6*2b=BO'F
BD')(*'9c
var myBooleanLiteral = false;
var myObject = new Object();
var myObjectLiteral = {};
var myArray = new Array('foo', 'bar');
var myArrayLiteral = ['foo', 'bar'];
var myFunction = new Function("x", "y", "return x*y");
var myFunctionLiteral = function(x, y) {return x*y};
var myRegExp = new RegExp('\bt[a-z]+\b');
var myRegExpLiteral = /\bt[a-z]+\b/;
,$9')5(U
E
*G
9"*EFJD;
42
!0\!( n6:-Q3JavaScriptJavaScript
';'<NU
E
*G
+
console.log(myNumber.constructor,
myNumberLiteral.constructor);
console.log(myString.constructor,
myStringLiteral.constructor);
console.log(myBoolean.constructor,
myBooleanLiteral.constructor);
console.log(myObject.constructor,
myObjectLiteral.constructor);
console.log(myArray.constructor, myArrayLiteral.constructor);
console.log(myFunction.constructor,
myFunctionLiteral.constructor);
console.log(myRegExp.constructor,
myRegExpLiteral.constructor);
</script></body></html>
!0\!(O!V$G'?3+6u T
/NQ%+?'=W21!01EW2LI!
-!?*+%,!F'$!new
O-.,26!
]g6<2!.=$2!1!?F
6 :6'Q0-,r/'6:}Q+F<2:#S82!0/]
XF'6:e\!Q9Q%+?'!FY M
V0N?I9Y%,X!SL '0?
-8!3%-3,:'x]r?x$ ?!0\!(B
43
!0\!( n6:-Q3JavaScriptJavaScript
ABC.
'0?62' 62'Q0O!V$&'/?'*+%,0
4d$-!%%,H924!F B\!('?-M!N%]``B\!Y M
V0NB
!8!9nQS62n6 *+%,n6!SW2GBC62
r< '$!'!F' var charactersInFoo =
'foo'.length‚ D
V0N%/LbKS!06JavaScriptO%]X!0\!
Fy B\!('?-D!W2L7%!?a('j6:'?
-D?.N%/'L\!%,JavaScript'j624'?G'? %,6B\!(
!.$YF'0?6 :6'Q0-,r/'?/O6/1I16
u+6a[,!7 T
gW252 '/F 62 'j62 !$!Fd$2
O)- *.3?-9B„!0JavaScript 4B\!B`!
O)- *.3?JavaScript
4B\!Mq, MLD/MW2B(?
8 6 9
M%N06jfooj6ture6false!
w26null6undefinedJavaScript
1'Q0'//6*!:B'?A1 =W22 n@%9r4'F!Nf!.$:`'62`!.=$2
W(W2!G'0?6v!S?B'?Atrue62false6null
6undefined A1null62undefined!?-T<?NX6!.%F'/FcI1
H92 4
BWj(%62PY%W2B(?
62'0?62 :62'Q0-,r/#$!bGL/3$nY,6';3Ve j
S3
null62undefinedd0B4'+/$BE!?FLbW!yJ<27QW2B(?
Object()62Array()9^4j4B\!ƒ262]n!<
44
!0\!( n6:-Q3JavaScriptJavaScript
<!DOCTYPE html><html lang="en"><body><script>
var myString = 'string';
var myNumber = 10;
JJD95tureBDfalse
var myBoolean = false;
var myNull = null;
var myUndefined = undefined;
console.log(myString, myNumber, myBoolean, myNull,
myUndefined);
/*
cX
F
<J5JD95"@,9T6
<)6*2EFJDF
$
K cX
F
<'F
<)'9_k;,+SEFD?*5BO'F
BD
*/
var myObject = {
myString: 'string',
myNumber: 10,
myBoolean: false,
myNull: null,
myUndefined: undefined
};
console.log(myObject);
45
!0\!( n6:-Q3JavaScriptJavaScript
var myArray = ['string', 10, false, null, undefined];
console.log(myArray);
</script></body></html>
'>']!%?!?62!?B4-() M
u/F2-T<?N'j6: 5 `
u/F:
JavaScript
ABC.
'?O!V$G0 u j
/?-(V!F!0\!(O!V$Ga( String()62
Number()62Boolean()"AS?'?(*+%,!FnewYM
V0N,4I\0
`B\!
!0\!('$!n6=W2.3W25.?BString()6Number()
6Boolean()
D
O!V$&-M?%/NW2B(?% D
~>N'\!0y`'$!F`n6 1
!?\ 4!0\!NX'$!n6cI1 =N?GD'!g&!F4'j62 4
W6 #MD%,NWG?B\!('?!62
r<?MNW2%/!?$G6
-!?*+%,new
9null undefined string true
false23%$8
null6undefinedG62'$!F' G
r82|!%SX%65`'/F`1
46
!0\!( n6:-Q3JavaScriptJavaScript
-!?*+%,new'?!.!?%,XJavaScript*+%,Xnull62undefined-(
rD!N#$!!?!.!?%,1EG|!%S%,!operator-,r/ '!'6:
4'$!F4' B !N!.=$2Bf!0\!#/ '0?6 :6'Q0
!0\!'F6'6:BF•3;n!<?7 T
g6Y,JavaScript!.'0=?wN?
]n!<
<!DOCTYPE html><html lang="en"><body><script>
'BI )L<$+<*"*2'F
5DU
E
*G
^_9'9L<$+L<l78new
var primitiveString1 = "foo";
var primitiveString2 = String('foo');
var primitiveNumber1 = 10;
var primitiveNumber2 = Number('10');
var primitiveBoolean1 = true;
var primitiveBoolean2 = Boolean('true');
.-<2Utypeof6*2b='BI'9)EFJD&
console.log(typeof primitiveString1, typeof
primitiveString2); // .*: 'string,string'
console.log(typeof primitiveNumber1, typeof
primitiveNumber2); // .*: 'number,number'
console.log(typeof primitiveBoolean1, typeof
primitiveBoolean2); // .*: 'boolean,boolean'
47
!0\!( n6:-Q3JavaScriptJavaScript
9;6
'%6
'3*<$+new"*:
var myNumber = new Number(23);
var myString = new String('male');
var myBoolean = new Boolean(false);
var myObject = new Object();
var myArray = new Array('foo', 'bar');
var myFunction = new Function("x", "y", "return x * y");
var myDate = new Date();
var myRegExp = new RegExp('\\bt[a-z]+\\b');
var myError = new Error('Crap!');
// .*: 'object object object object object function
object function object'
console.log(
typeof myNumber,
typeof myString,
typeof myBoolean,
typeof myObject,
typeof myArray,
/*
9EFJDS;typeof<G
+functionRB<"*2`9_
*/
typeof myFunction,
48
!0\!( n6:-Q3JavaScriptJavaScript
typeof myDate,
/*
9EFJDS;typeof<G
+object"*2`9_RegExp()
*/
typeof myRegExp,
typeof myError
);
</script></body></html>
!?$G6J!0\!#/'6:=W21'F!/3VBE?.3W2L02I
d$2Bd$u/F2-<?%-M?%/N!.=$24'8Q9b'6:
=> 9N82 #
O P
QE #
%JavaScript
'?, „M!N6W=@+N'6:=W2.3W25.?B face value0I16J
M
#$=@9bGL=$2/foo/,!F4>%myString'?W=@+N%//foo/!]1!?
W22 'A!?F2!0L=$:l'5cI.`.:b!?nO!/%B( I
!]p M
/0N'j6:=W:L!Y*.3?I1W(W2A
r<!.+/0
>%?'?B`'+/$!%n!<?WT@+N0,myString16X2 jfooj>%?
myStringCopy'?ˆ!S%/'8:'?!0=%]6J!]'?p M
/0N%,6
>%?!.G!VN? '9/0?myStringCopy>W6 !.%? ]n!<
49
!0\!( n6:-Q3JavaScriptJavaScript
<!DOCTYPE html><html lang="en"><body><script>
// 'BD'F
,'9cQ]5>
var myString = 'foo';
var myStringCopy = myString; // <5<mn
>QS9co=
>9?@'EF
A$G
9'9)5<myString
var myString = null;
/*
>9'#I'9)bE
$
X
=GmyString>9Q
myStringCopy>9'9c5<%pq<2U95K
myString>9'9c) !myStringCopyK
*/
console.log(myString, myStringCopy); // .*: 'null foo'
</script></body></html>
Jn@%9r'F!f„M!N6W=@+N'6:=W21!01!.!QG2%(3
>%?'?!0+/$[F!/n!<?3 !.%?-$G _!.G!)&6myStringG
>%?myStringCopy'?!0y=]ymyString>%?F6myStringCopy!6!]
'?B4'+/$myString!.$!6'6:p/$'M%N?';cI1jI '?
?!0\!(!]X!.]V0,%
50
!0\!( n6:-Q3JavaScriptJavaScript
RDIS 8 9
M
#$!bG!07g61!?6 !]!.?6!/WG'?'6:'$!B(?
%S>%rs %S9^4>%?Frs%M%/JavaScriptB>%?=W2
=W:W!6!/%rs!!?6!/rs2 rstuuu rsbG!?[0-<D?6 1F`2I16
'j6:'Q0'//!$!jfooj'?!.H924'624'Q$4'//Fjfooj„!$ !
w2
2 '?B%6!/%B%//r=W:6!/?1'$!?'?'foo' === 'foo'
'j6:*+%,!F '? !?%6!/? *.3U)Y,';3V
4B\!(FLbW!Y,6]n!<
<!DOCTYPE html><html lang="en"><body><script>
var price1 = 10;
var price2 = 10;
9*<$+f;=%<)]3<2new
var price3 = new Number('10');
var price4 = price3;
console.log(price1 === price2); // .*: true
/*
.*falseEFJIprice3B<)]3<2Q]5price1
K'F
BD'9c
*/
51
!0\!( n6:-Q3JavaScriptJavaScript
console.log(price1 === price3);
/*
.*true-'m9%vB=<)9 )EFJIreference&
K'9)%NB
*/
console.log(price4 === price3);
/*
>9wqprice4x'F
BD'9cQ]
*/
price4 = 10;
/*
.*falseEFJIprice4K<)nn
26
8<%'F
BD6
'9ck;#D
*/
console.log(price4 === price3);
</script></body></html>
!2 '6!/% =W2B[S%%/'6:'$!0E=$21!01(3
"AS?'?(*+%,!F'0'?62 62'Q$'/,‚ D
V0N$!0new
r<
new Number('10')
'y!?'$!?'A%$W(B/I.6 'j62N'?B
I9:FE0A%/N2aI16 '6:W!$!0!.-QS$%'A%0
2 !.%?FW=@+N%,'6:=W2!%XBFrstuuu rs?W=@+N!?0F
52
!0\!( n6:-Q3JavaScriptJavaScript
!.%5?FreferenceW>%?%S-1 2 price36price4a305
'?
THU8H 92 I ;2
23%!.@.2-3%
!.TS%/'$!F4' B`YM
V0N`B\!!.=$2!?'6:-D!N$!0JavaScript
4B\!G
2 !.0(!. =SN?'?O5G%/(JavaScriptIMB\!(4I\F-D?.N%,
!0KS,!L26'j62!?;n!<?‚ D
V$NY, 'j6:'?G 6EYV$2
!0\!('6:-M!N]n!<
<!DOCTYPE html><html lang="en"><body><script>
'F
BD c
var myNull = null;
var myUndefined = undefined;
var primitiveString1 = "foo";
9*L<$= new'F
BD'9cQ,*+O
var primitiveString2 = String('foo');
var primitiveNumber1 = 10;
9*L<$= new'F
BD'9cQ,*+O
var primitiveNumber2 = Number('10');
>%?d$W!%
rn!<?nTN
53
!0\!( n6:-Q3JavaScriptJavaScript
var primitiveBoolean1 = true;
9*L<$= new'F
BD'9cQ,*+O
var primitiveBoolean2 = Boolean('true');
/*
'<QR#'BtoString()'!Bd9-
object.prototype<*"*2Q )REF
G
+42k&
K"*2G
*/
// .*: "foo" "foo"
console.log(primitiveString1.toString(),
primitiveString2.toString());
// .*: "string" "string"
console.log(typeof primitiveString1, typeof
primitiveString2);
// .*: "10" "10"
console.log(primitiveNumber1.toString(),
primitiveNumber2.toString());
// .*: "number" "number"
console.log(typeof primitiveNumber1, typeof
primitiveNumber2);
// .*: "true" "true"
54
!0\!( n6:-Q3JavaScriptJavaScript
console.log(primitiveBoolean1.toString(),
primitiveBoolean2.toString());
//.*: "boolean" "boolean"
console.log(typeof primitiveBoolean1, typeof
primitiveBoolean2);
/*
EFJIO*U([y+nullBundefinedQ95958
K6
'%6
'3J958BO"*2
*/
console.log(myNull.toString());
console.log(myUndefined.toString());
</script></body></html>
! '6:-'F!/3Vnull6undefined!0\!G!.S
'*+%,%/(Lb6toString()W2F'j62!.82G %,y!.
'I30.%0
% 6 ' P
#
'0=?wN?!0\!('$!n6JavaScript2 Object()6Array()
6Function()6Date()6Error()6RegExp() `1 complex!.$:Lb6
?W(%,!,2 4-(VF ]6'?B<262 62'j62'?%S
!0\!(d$2P%+BJavaScript!0@+!?A]L?X?=W2n!00(?6J
55
!0\!( n6:-Q3JavaScriptJavaScript
BBjd$SW6 '?j2%SW2B(??!0\!(W=:I!6
'6:!?.0`-%S'3Q6!0\!;n!<?‚ D
V0N0, ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var object = {
myString: 'string',
myNumber: 10,
myBoolean: false,
myNull: null,
myUndefined: undefined
};
var array = ['string', 10, false, null, undefined];
/*
JJD958qK'z'BI )'M=;%;+Jdc
9*%OS?96
<)T2DZ3D )'9c'F
5D
)1D'F
5DQ<)9 )9hJD95
?@3m9JavaScriptK&QI?@yD-
*/
var myString = 'string';
var myNumber = 10;
var myBoolean = false;
var myNull = null;
56
!0\!( n6:-Q3JavaScriptJavaScript
var myUndefined = undefined;
</script></body></html>
!1%FP%+%6B'?A1? =W2!01!.!QG2%(3
'6:B!.%0F6
ABC.
B\! 7Q? complex object7Q?FH92 4
%E0=N
'!0\! composite objects'5d$2 62
reference types!.$27 T
g62=W2]Y'1F!SQ?L=W2MWG
'sPQJavaScript'6:=W2bGJ'6:O!0<%,!F
'?!F'5 b#/ reference by value!Z)-T<?NW2B(?X6
!?0F H92 4
B 8!062O@52TB`Wj(!`
O)2 !
'?!F'5 !.?!0\!( referenced by valueW2B(?6
H9:%S
=>'N V
82 #
6O P
QE #
%JavaScript
'5?!F„M!6W=@+N?=W2.3W25.?Bby reference!0
W0IW=@+N%,'?Wh 4B\!%S>%‚ D
V0Naddress
B\!(!8!9H]G62>%?]2 2 E?,*+%/L$h 4B\!GVN!0
!(3!0<y_,[,! IW0qb 5?'?nQS
>%?!$=@+N!0\!!%n!<?‚ D
V$Y, '?p/$ M
#6!]KS,I
57
!0\!( n6:-Q3JavaScriptJavaScript
myObject>%?'?p M
/0N%,ymyObject>%?GcopyOfMyObjectˆ]r%,6J
>%?=W2copyOfMyObjectIW0B`'+/$!?$G6B\!(B'+/$a'S
B\!(%SI]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {};
-'m9bE
$
X
=G9BO'9)oE
=*G
reference{)@&
var copyOfMyObject = myObject;
?@'EF
A$G
9'9)5<myObject
myObject.foo = 'bar';
/*
5>9Jz*qmyObjectBcopyOfMyObjectl7|=@O
'#$'9)NJ959EFDfooNQJG
5IO
K
*/
// .*: 'Object { foo="bar"} Object { foo="bar"}'
console.log(myObject, copyOfMyObject);
</script></body></html>
p/0%'6:a( ?2 !0\!( =W21EW2L!
58
!0\!( n6:-Q3JavaScriptJavaScript
'3'?p M
/0NBB(p M
/0N, W062 '5?=W22 '5?!FW=@+N !.%?
G5?62W01p M
/0N,I!F!, N
#!?6 !!%Fp M
/0NX!0\!(=W20I16
W>%?!)2[F!/!0!<6 IB\!(myObject6copyOfMyObjectG
IB\!(a3$
?5'$@+?'?j>N%/'?j>N!0L=$21!01'?.?(3
'?>%%,'F!/3V3 ?'?LG'5?!FVN%>%?
B>%?myObject6copyOfMyObject!?1]2H%S!.KTSN-
ABC.
d0B!0\!-?%/!0String()62Number()62Boolean()
"AS?'?(*+%,!FEYV$2newjB\!GE%]62
!?!0\!(L'$@+?p M
/0N6W=@+N%/a(
B!.0(''6:'!W!(&!FW!%]bG '6:
'5?!Fp/0'\@5!.!<?
B!6}r+%,LA! 4B\!B''+/$O!V$&
Bo !/8&=W2I!FA AB\!(!.g66B\!(
ECMAScript'%SObject.assign()*M+%/NW2B(?%
5!0\!(p/0-'S38!?B4@?
RDIS 8'23
!.=W22 B\!(a3$GVN!0H6!/%!.=$20/?!0\!(W!$!0
X!?.$:B6!/%!$(BBy!?%B0\!W>%H]bh IW0a3$
59
!0\!( n6:-Q3JavaScriptJavaScript
B\!(a3$GWV
!0c!$ 2n!<?objectFoo6objectBar !?16!8!+a3$W!(?
*+%,!F!?.$!$!0B( !!?Wry!?%W!0\! uuu!$+%/JavaScriptf!?.=$2
By!?%]n!<
<!DOCTYPE html><html lang="en"><body><script>
var objectFoo = {same: 'same'};
var objectBar = {same: 'same'};
.*false
EFJIJS1*%BD )%"*!96
8%?)8
console.log(objectFoo === objectBar);
9h;}J5B=~9BO'm9N9J>9
var objectA = {foo: 'bar'};
var objectB = objectA;
.*trueNQJ55>9JIO
console.log(objectA === objectB);
</script></body></html>
!.W!bG'6!/%W(I 4B\!GVN%>%?=W21!01(3
!?.W!%]Wr%/W!0\!H6!/%W2B(?X!
w2 `7S8a(6 W0 a3$
60
!0\!( n6:-Q3JavaScriptJavaScript
!8!+a3$!%]6d0a3$
.2I W
0X'23
1I16B\!(p/$G _X!/4 544B\!GVNIA>%?
4 ƒ2?B\!(W(W2B(? '5?!0\!(!F?!0\!('?/O6/
B\!(qbj>%]B\!(a3$G!.?5V%,%6!5?Bc]n!<
<!DOCTYPE html><html lang="en"><body><script>
var objA = {property: 'value'};
var pointer1 = objA;
var pointer2 = pointer1;
'#[•X
F
<7objA.property"m9`9m•EF
<G
+BO
]D-pointer1Bpointer2&
objA.property = null;
.*'null null null'
EFJIobjABpointer1Bpointer2NQG
console.log(objA.property, pointer1.property,
pointer2.property);
</script></body></html>
B6B\!P%/L=$:!0\!('(!0 !8!9nQS!F!07?/I16
61
!0\!( n6:-Q3JavaScriptJavaScript
B\!(qbGVN%>%?- K=SN%, 6B\!tSyE!5O!V$Gy
:.typeof' 9R:8 #
-!?-M?%/NW2B(?typeof !N?B(J!.-!%%'?d$ !&
D.xNI;n!<?LbLY,J!0!.%%[%XE0
-!?*+%,B !?typeofd$2P%+]n!<
<!DOCTYPE html><html lang="en"><body><script>
'BD c
var myNull = null;
var myUndefined = undefined;
var primitiveString1 = "string";
var primitiveString2 = String('string');
var primitiveNumber1 = 10;
var primitiveNumber2 = Number('10');
var primitiveBoolean1 = true;
var primitiveBoolean2 = Boolean('true');
€SS;gxqx2.*
console.log(typeof myNull);
.*undefined
console.log(typeof myUndefined);
.*string string
console.log(typeof primitiveString1, typeof
62
!0\!( n6:-Q3JavaScriptJavaScript
primitiveString2);
.*number number
console.log(typeof primitiveNumber1, typeof
primitiveNumber2);
.*boolean boolean
console.log(typeof primitiveBoolean1, typeof
primitiveBoolean2);
<)9 )
var myNumber = new Number(23);
var myString = new String('male');
var myBoolean = new Boolean(false);
var myObject = new Object();
var myArray = new Array('foo', 'bar');
var myFunction = new Function("x", "y", "return x * y");
var myDate = new Date();
var myRegExp = new RegExp('\\bt[a-z]+\\b');
var myError = new Error('Crap!');
•.*object
console.log(typeof myNumber);
•.*object
console.log(typeof myString);
•.*object
console.log(typeof myBoolean);
•.*object
63
!0\!( n6:-Q3JavaScriptJavaScript
console.log(typeof myObject);
•.*object
console.log(typeof myArray);
.*function€S;gxqx
console.log(typeof myFunction);
•.*object
console.log(typeof myDate);
•.*object
console.log(typeof myRegExp);
•.*object
console.log(typeof myError);
</script></body></html>
E !G-?%S?BI„!0!F!?W(W2A-!?I1-D?%/M!0
!.-!%% *2'62#$!O, d$2P%+?
23FY8.20E
!.TN%!0\!(>%F7?/I16 4'(!0 4!8!9BPY%?!0\!(
'>'0=?wN?!0\!('f2G'!g&!F*+%/?JavaScript'!f=W20I16
!0\!(JavaScript'j>N$W2!00(?Lb/F6 #6j2j>N62K=SNW2B(?
'>!/'sw?',!,:JavaScriptXI1 !.'0=?wN?!.!0\!(!$>6!0%F!./3$
-9%!0\^-A$X!0 B( EF!0%5L=W2H26Lb-L020=$20
B(?1!?F
64
!0\!( n6:-Q3JavaScriptJavaScript
'!gG6'>'0=?wN?',!,:'$!n6!8!9B@+W!(&!F =W20I1
!0\!G!!gG',!,:!0\!(G5n6 prototype
'$!'jfY,';3VString()B\!6String.prototype
]n!<
<!DOCTYPE html><html lang="en"><body><script>
/*
';'<Q35AString'#[;
augmentedProperties
*/
String.augmentedProperties = [];
]5 qprototype'3QtrimIT()U@
if (!String.prototype.trimIT) {
String.prototype.trimIT = function() {
return this.replace(/^\s+|\s+$/g, '');
}
/*
',*'==Jz4DtrimIT'@,9Q
augmentedProperties
*/
String.augmentedProperties.push('trimIT');
}
var myString = ' trim me ';
65
!0\!( n6:-Q3JavaScriptJavaScript
// .*: 'trim me'
console.log(myString.trimIT());
// .*: 'trimIT'
console.log(String.augmentedProperties.join());
</script></body></html>
!0\!(=W21E]!wG2!JavaScript!0\!(7?/I16'(!0
JavaScript''!gG '=4'+/$G!.'>>L$!(hF=W2!
w20I16 n=NW2
trimITB `
O@5I1=W2 M
v(!01ENb!?$G6LbB/S%,2X=$2T200( n!<?
!0\!('sJavaScript
'>'9-?'s M
fbG I]JavaScript75?B(?
Lb-BI]BB( '>B4'QQ+4'+/$-QS%,L=$2
=W2W6%,}!+):'f2=W2q 26JavaScriptW!(2'y!?%
E%
0XU23ZconstructorR1? #
=
!@
'8!+!
w2Y M
V0N%/B\!2O!V$G0constructorqI'8!+a(O6
!0\!;n!<?!$YV$2 B\!(MYM
V$M2%'$!'GVN%6J '+/062 B\!(
66
!0\!( n6:-Q3JavaScriptJavaScript
d$BObject()j>%?!$@+foo'8!9=W2!0SyB6constructor%
c!$YV$2IB\!(]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = {};
.*true'<EFJIOObject()"UDfoo
console.log(foo.constructor === Object);
';'<Qd‚: +Object()
console.log(foo.constructor);
</script></body></html>
IBM62!v2X6 4B\!B4'+/$-?2 N
#0WG'8!+cI1B3%,2W2B(?
W!WGSBB(?Y,'cI.F6 f!.%43)-!2!0! 8Q9 cYV$2
Lbvr962!?$62'3QNB\!(
'>Y%!0\!('f2B!
+/$ N
YV$20=$2;n!<?ˆ]rW2L0(?
JavaScript'8!+'?W!'$!(G*0X'6:*+%, =W2ˆ]X
constructorB\!('6:'?-!N!0]n!<
<!DOCTYPE html><html lang="en"><body><script>
67
!0\!( n6:-Q3JavaScriptJavaScript
var myNumber = new Number('23');
,$9')5(
var myNumberL = 23;
var myString = new String('male');
,$9')5(
var myStringL = 'male';
var myBoolean = new Boolean('true');
,$9')5(
var myBooleanL = true;
var myObject = new Object();
,$9')5(
var myObjectL = {};
var myArray = new Array();
,$9')5(
var myArrayL = [];
var myFunction = new Function();
,$9')5(
var myFunctionL = function() {};
var myDate = new Date();
68
!0\!( n6:-Q3JavaScriptJavaScript
var myRegExp = new RegExp('/./');
,$9')5(
var myRegExpL = /./;
var myError = new Error();
<G
+'z%`9mtrue
console.log(
myNumber.constructor === Number,
myNumberL.constructor === Number,
myString.constructor === String,
myStringL.constructor === String,
myBoolean.constructor === Boolean,
myBooleanL.constructor === Boolean,
myObject.constructor === Object,
myObjectL.constructor === Object,
myArray.constructor === Array,
myArrayL.constructor === Array,
myFunction.constructor === Function,
myFunctionL.constructor === Function,
myDate.constructor === Date,
myRegExp.constructor === RegExp,
myRegExpL.constructor === RegExp,
myError.constructor === Error
);
69
!0\!( n6:-Q3JavaScriptJavaScript
</script></body></html>
'8!9-?constructorvTN0, *+%/?!.TN%'$!n6!
w2
'$!';n!<?CustomConstructor()!0!?%,!F'cI1!0\!‚ D
V0N0,y
-!?new'8!+Gn8BB(?%0,B\!(‚ D
V0N$W2F6Jconstructorn!<
]
<!DOCTYPE html><html lang="en"><body><script>
var CustomConstructor = function CustomConstructor(){ return
'Wow!'; };
var instanceOfCustomObject = new CustomConstructor();
// .*: true
console.log(instanceOfCustomObject.constructor ===
CustomConstructor);
'<Q6
m<+CustomConstructor()
// .*: 'function() { return 'Wow!'; };'
console.log(instanceOfCustomObject.constructor);
</script></body></html>
70
!0\!( n6:-Q3JavaScriptJavaScript
ABC.
'8!9'6:5b!?!%S!?FconstructorGVN%
!GBf!FE=$21/ !0\!n6LNX!?0F'$!n6
'6:BF'rL!01I%/%,'$!'B('62'?
'j62'?1'\!.0'A%0=W2BfJ'$!n66
*+%/?-DB'=N?'$!'S,X- =
A/N=W2 M
2bG
r< !]!?,'$!'O!GL var Person =
function Person(){};
2[. \
@ \
I-.D]V
?2 #
.. W
-3%O%&1>7
-!?*+%,!Finstanceof!G TSN$W2!00(?true62false
YV0B\!(W!bG
'0j4'$!F4' B
B\!(W!bG;n!<?[S%0,instanceOfCustomObject'B!‹0
'$!CustomConstructor!1YV$2%!0\!(*+%,r `7!8-!?I1
-!?!FY M
V0N?6'>'0=?wN?!0\!(6*+%/?new]n!<
<!DOCTYPE html><html lang="en"><body><script>
L<$=9;X
c'EF
@G
'%'3
var CustomConstructor = function() {this.foo = 'bar';};
';'<L<$+%2CustomConstructor
var instanceOfCustomObject = new CustomConstructor();
71
!0\!( n6:-Q3JavaScriptJavaScript
console.log(instanceOfCustomObject instanceof
CustomConstructor); // .*: true
'53"*'\N*%9
true.*•
console.log(new Array('foo') instanceof Array);
</script></body></html>
ABC.
-!?L!?%,0E0{!%]XL`2L!01instanceofE=$21
N,trueB'+/$1B\!(=W2B[S%!.E+%/-
Object'$!'BS0!0\!(-=W:Object()
-D!?N,instanceof'?false'6:-!%!0
r< !0\!GnS%W2B(?% 'foo' instanceof String
„!0false'Q0'//!0#$!!2jfoojn!?%,!FY M
V0N?
-!?new-!?/'$!'instanceof'?true
=W2L!F D
[F2Iinstanceof!0\!(6?!0\!(u-?
!0\!%'$!n6BY M
V0N?
8*0X@I-.]?2 #
.-3%UO6-
>%W2B(?augmented!0\!(JavaScript!8!+=W22 #6j2
!0\!(=W2!F!,!$b!?6 '(!0 JavaScript!0\!(=W20I16 >%'F!
72
!0\!( n6:-Q3JavaScriptJavaScript
!.Q\!Q9>%W2B(?'$!F' B#Z D
VN$2%
'$!'B!0\!;n!<?‚ D
V$NY,Array()'%/'8!9L?cjfY,y
E'F!]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = new Array();
myArray.prop = 'test';
console.log(myArray.prop) // .*: 'test'
</script></body></html>
B\!(!
w2Lb-B(?Object()62RegExp()NXH92'$!Fn6 'j262
'j62!?]n!<
<!DOCTYPE html><html lang="en"><body><script>
6*2<B'>%'*EF
9hG
'%'3'F
5D`@95
var myString = new String();
var myNumber = new Number();
var myBoolean = new Boolean(true);
var myObject = new Object();
var myArray = new Array();
73
!0\!( n6:-Q3JavaScriptJavaScript
var myFunction = new Function('return 2+2');
var myRegExp = new RegExp('\bt[a-z]+\b');
myString.prop = 'test';
myNumber.prop = 'test';
myBoolean.prop = 'test';
myObject.prop = 'test';
myArray.prop = 'test';
myFunction.prop = 'test';
myRegExp.prop = 'test';
// .*:
// 'test', 'test', 'test', 'test', 'test', 'test', 'test'
console.log(myString.prop,myNumber.prop,myBoolean.prop,myObje
ct.prop,myArray.prop,myFunction.prop, myRegExp.prop);
'F
BI )"#[958•S;
var myString = 'string';
var myNumber = 1;
var myBoolean = true;
myString.prop = true;
myNumber.prop = true;
myBoolean.prop = true;
// .*: undefined, undefined, undefined
74
!0\!( n6:-Q3JavaScriptJavaScript
console.log(myString.prop, myNumber.prop, myBoolean.prop);
</script></body></html>
!0\!(=W2=I \!)`21'$!n6BY M
V0N?!0\!(G!8!9'!gG
!0\! n@!'$!n6BY M
V0N?
ABC.
L?W2B(? !.'F!%!8!+Bx0z>F !0\!( =W2L!F D
[F
'/,'y6!8!9prototypeprototype chain!.%!gGB(?62
!0\!('(!0'0LBjI16 'Z.%F'$!'G
JavaScript
23% ->CX^JavaScript23% Object()
!0\! Ur8XBFu+X6LXJavaScript!0\!('?AGVI
5?JavaScript!0\!Object()
r< var myObject =
new Object() 5?B `
}!9`d$1%JavaScriptB\!=W2!?
Array()?/%!0\!(B`d$1arrayB\!(Object()%!0\!(B`d$1
?/object'$!'=W21'8r+Object()%6!0\!('?'6!]„D%0N
!0\!(F!.G!VNObject()'$!'E) 4-(VF6Array()B\!„D%0NarrayV$6
!0\!(F!0\!(LGArray()
!0\! Ur8X*+%/0,JavaScript!0\!(?5G!)€R!%(I1
75
!0\!( n6:-Q3JavaScriptJavaScript
JavaScript'f2=W:JavaScript'f2=W2/FI16 !0\!(q,L/
JavaScript!0\!(B =S!$„D%0N%'>!F'0=?w N'$!F' BY M
V0N
B\!=W21cILI!Object()
`?`B\!E=$2bGJB5 `
}!9`d$1
!0\! Ur8Lu%+X6`†!JavaScript'f2G!)€*+%/N?
!.0%B(?%JavaScript!0\!(
76
=@_:;<
0E 23Z.:.
2
!8!+6!0\!(-!% $!<-Q3JavaScript
=>`@6aR'23bO6-
JavaScript0E%
']?/'?'j2?B\!(%SW2B(?JavaScriptn!<? N
YVN$2
B\!;Object(),!FmyObject'f2-T<?N 4!8!9EG N
#3g2yB6
%?JavaScript]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {};
'% cmyObject )';wDT9?
?@3m9JavaScript6
*9
myObject.myFunction = function() {};
myObject.myArray = [];
myObject.myString = 'string';
myObject.myNumber = 33;
myObject.myDate = new Date();
myObject.myRegExp = /a/;
myObject.myNull = null;
myObject.myUndefined = undefined;
myObject.myObject = {};
myObject.myMath_PI = Math.PI;
myObject.myError = new Error('Crap!');
78
!8!+6!0\!(-!% $!<-Q3JavaScript
console.log
(myObject.myFunction,myObject.myArray,myObject.myString,myObj
ect.myNumber,myObject.myDate,myObject.myRegExp,myObject.myNul
l,myObject.myNull,myObject.myUndefined,myObject.myObject,myOb
ject.myMath_PI,myObject.myError);
RB<TO<)9"*1]ITX
9@95
var myFunction = function() {};
myFunction.myFunction = function() {};
myFunction.myArray = [];
myFunction.myString = 'string';
myFunction.myNumber = 33;
myFunction.myDate = new Date();
myFunction.myRegExp = /a/;
myFunction.myNull = null;
myFunction.myUndefined = undefined;
myFunction.myObject = {};
myFunction.myMath_PI = Math.PI;
myFunction.myError = new Error('Crap!');
console.log
(myFunction.myFunction,myFunction.myArray,myFunction.myString
,myFunction.myNumber,myFunction.myDate,myFunction.myRegExp,my
79
!8!+6!0\!(-!% $!<-Q3JavaScript
Function.myNull,myFunction.myNull,myFunction.myUndefined,myFu
nction.myObject,myFunction.myMath_PI,myFunction.myError);
</script></body></html>
%L0(?O)2 GV62 %SW2B(?!0\!( =W21!01E]!wG N
6!
E0JavaScript!0\!(?5=W2vL=$:[,!#2L$:'V1!FR!Q j
X2A
!
w2[0I16J!1>B(?'>'0=?wN?String()6Number()
6Boolean()-!?*+%,!F#Z D
V$N2!.=$22 !0\!-() !N?new
D,.!2.<8@'23F
!0\!(%SW2B(?Object()6Array()6Function()!0\!
!0\!n!?%,!F!0\!(BA)uwF[,!U)Y, H92Object()]n!<
<!DOCTYPE html><html lang="en"><body><script>
"*6
'=+VX
*59O"*L<$+%4>
var object1 = {
object1_1: {
object1_1_1: {foo: 'bar'},
object1_1_2: {}
},
object1_2: {
object1_2_1: {},
80
!8!+6!0\!(-!% $!<-Q3JavaScript
object1_2_2: {}
}
};
// .*: 'bar'
console.log(object1.object1_1.object1_1_1.foo);
</script></body></html>
B\!(*+%,!F-<D?-B(?Array()62 !F: %'3Q!0„%0,2
B\!Function()]n!<
<!DOCTYPE html><html lang="en"><body><script>
3%I3<'@,Q,*+O"@,94><*
'wd@'@,[3O'wd@'@,[3O'wd@'@,
var myArray = [[[]]];
RB<L<$+%4>RT
'wd@'3[3'wd@'3[3'wd@'3V**+
var myFunction = function() {
// 'wd@
var myFunction = function() {
// 'wd@
var myFunction = function() {
81
!8!+6!0\!(-!% $!<-Q3JavaScript
// 'wd@
};
};
};
1T2D@<)"*2**95
var foo = [{
foo: [{
bar: {
say: function() {
return 'hi';
}
}}]}];
console.log(foo[0].foo[0].bar.say()); // .*: 'hi'
</script></body></html>
PT>N('??Q?!0\!(zF=W21!01',!,:(3encapsulate!0\!(
!AF43 M
[\FH9:
0X-.0X)R; 6c 6de
G)9 6d2fJEH-3
's!GB\!(!8!9B'8!9'?-QS62KS62uwW2L0(?
u0dot notationo:'s62 bracket notation
82
!8!+6!0\!(-!% $!<-Q3JavaScript
y'0F!%B\!(,n!?%,!Fe j
+%%u0's;n!<?7 T
g6Y,
r< !.nQS62!.<S62!.%?ug$%'8!+,
objectName.property ]n!<
<!DOCTYPE html><html lang="en"><body><script>
12Object()>9?@cody
var cody = new Object();
// S#[{;
cody.living = true;
cody.age = 33;
cody.gender = 'male';
cody.getGender = function() {return cody.gender;};
// "#$ cQR,
console.log(
cody.living,
cody.age,
cody.gender,
cody.getGender()
); // .*: 'true 33 male male'
// (;')5M%(G
5"#$ƒ5<
cody.living = false;
83
!8!+6!0\!(-!% $!<-Q3JavaScript
cody.age = 99;
cody.gender = 'female';
cody.getGender = function() {return 'Gender = ' +
cody.gender;};
console.log(cody);
</script></body></html>
!4B\!!8!+'?nQS62tS62uw's.)21u0's
;n!<?-?%,Y,
X!?%,-2. '6gB(!% o:'s!=2
2 nr.%,rFoFB\!(,M%N,t] u0'sB
XFo:'s „y
2 •rf€Foy o!%M%rBF '8!+, … ]n!<
<!DOCTYPE html><html lang="en"><body><script>
12Object()>9?@cody
var cody = new Object();
// S#[{;
cody['living'] = true;
cody['age'] = 33;
cody['gender'] = 'male';
cody['getGender'] = function() {return cody.gender;};
84
!8!+6!0\!(-!% $!<-Q3JavaScript
// "#$ cQR,
console.log(
cody['living'],
cody['age'],
cody['gender'],
cody['getGender']() // ?@'<<+CcD`
'5*
); // .*: 'true 33 male male'
// (;')5(%6
<mS;‚"#$ƒ5<
cody['living'] = false;
cody['age'] = 99;
cody['gender'] = 'female';
cody['getGender'] = function() {return 'Gender = ' +
cody.gender;};
console.log(cody);
</script></body></html>
U!%3Gn8G M
#A%]bGo:'sB !3%,93%/W2B(?
@U)Y, '8!+,-T<?N'Q$'?%S4>%-!%W2L6'8!9
'8!+Gn8!F;n!<?u0'so:'s*+%,foobar
'8!+,%S`'Q$`'/,„%0%/!D?N
5bGWIB>%*+%,!FLb6
85
!8!+6!0\!(-!% $!<-Q3JavaScript
B\!( 5?foobarObject]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foobarObject = {foobar: 'foobar'};
var string1 = 'foo';
var string2 = 'bar';
// a>{)*')5ML<$+`(=
console.log(foobarObject[string1 + string2]);
</script></body></html>
%!8!9O!?,2Gn8o:'sB3%/$W2B(?LbG'!gG
!TN?'S!8fW(JavaScript
"AS'?6!?;n!<?*+%,Y,
uo:'s*+%,B(?% 'Q$'//!.+%,!F7?/ !8!+ 4O!?,Y
!.Gn8]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {'123':'zero','class':'foo'};
g{)*')5ML<$+**958
EFJDp;%X
%Dclass?@^_'92?JavaScript
86
!8!+6!0\!(-!% $!<-Q3JavaScript
'zero foo'.*•
console.log(myObject['123'], myObject['class']);
U([Q,*=@O{)*')5ML<$+*B7q
console.log(myObject.0, myObject.class);
</script></body></html>
ABC.
fBaH92 4!0\!!0\!(%SW2B(??BW!!j?
H$W2\!Vcody.object.object.object62cody['object']
['object']['object']['object']!0\!('//F?/I16
object chain!0\!(P>H?]5X
!0\!(JavaScript62tS62ug=W20I16>%'F!
06 #6j2!0\!('f2%W2B(?!.!8!9nQS
r< o:'!0+%,cody['age']!S$W2!00(?
'F%!3Q?Associative Arrays'A!> 5?
H9:
g61EL!-(' !0\!(]2-9 !`'8!9#$!WG
B!?&-
r< !.!2 cody.getGender()'LO!%,X
230XgB
-!?-M?%/NW2B(?delete!0I] B\!(B
r!!I]!8!+vIS
87
!8!+6!0\!(-!% $!<-Q3JavaScript
'8!+;n!<?barB\!(Bfoo]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = {bar: 'bar'};
delete foo.bar;
.*false*@7*IObarfoo
console.log('bar' in foo);
</script></body></html>
ABC.
-!?delete'/, 5?!8!+vISBprototype
-!?*+%,deleteB\!(B'8!9'"&]'1
G'8!+'?ug!2undefined62null'?Bj>N,
!./3$'8!+vI]G _B6'8!+
-30XR1/5MOH<%
n6!S%/!4B\! 5f'8!9Gn8 M
#6!]bGJavaScript<W2
'/,*+%,!F'62'8!+prototypen6!]Y,6'3Q;n!<?‚ D
V$Y,
,!F4'8!9Gn8foo'8!+#$!!?E=$2Bx%,!?F Fv=N%
myArray.fooB\!(!8!9B#/myArrayN%/JavaScript'?undefined
B(J)!JavaScriptB9^BM$!(tS%,Array.protoypeyB6
88
!8!+6!0\!(-!% $!<-Q3JavaScript
Object.prototype'?BfooNW2-undefined]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = [];
console.log(myArray.foo); // .*: undefined
/*
ƒ;+JS?@Array.prototype'#$Array.prototype.foo
?@*ƒ;+ !Y<_*Object.prototype<_B
<G
+n
<% !Y6h5DundefinedK
*/
</script></body></html>
[S%%/!0\!(]2'8!9Gn8n6!]2!0JavaScript'8!+'?B
N%/M'8!+NB\!(L%Wh B\!(B'+/0L%'F!%JavaScriptL'?
'y6'?KSB6'8!+inheritance'/,=W:prototypebG!2 -M?%/N
tS%/'8!+LB\!('+/$%SJavaScriptB\!!.0prototypeF!%
B\!('$!'
Q2 !,!
F-T<?'8!9!0\!(p/$?5L?__proto__%'!0'
'8!9 S'$!'nQS/uF-M?%/NW2B(? '+/0MYV$M2
prototypeB\!('+/0'$!'
89
!8!+6!0\!(-!% $!<-Q3JavaScript
jS?$A<2]2I1JavaScript
=W2=I dg?5Bj?%$!0 I
'yF!0\!(U!?/0?B6 !8!9E 4B\!B`!1' 'j2 inherit
B\!(!.2
r12 !0!?H9:!0\!(B!8!+B?5q!V%W2L02
B\!(!.(?%!8!+A-3M6J EJavaScript!.'0=?wN?!0\!(?AI1
B\!(*+%,!Fprototype'/,n!?%,%/6prototype
X6 ‚ D
V0N!0!
w2
LF'8!9'$!F
I30's%,JavaScriptB`'?A!.=$2PHW2G'w!fLI
'8!+eS3%$('3Q‚ D
V0N0 /SprototypeRB]n!<
<!DOCTYPE html><html lang="en"><body><script>
>9myArray1n
2Q]5Array
var myArray = ['foo', 'bar'];
'<join()?@'@EF
G
Array.prototype.join
console.log(myArray.join());
</script></body></html>
B!1!$YV$2%'+/0Array()n!?%,n6!S$!06
X6 6 4!8!9L?`B\!1
-< !3Q?n6 H]Gjoin()B\!(L?-1 !0/3$2nY/0 myArrayBY M
V0N?
'$!'Array()'BEF'8!9'+/$join()LbB[S%0l]n!<
90
!8!+6!0\!(-!% $!<-Q3JavaScript
<!DOCTYPE html><html lang="en"><body><script>
var myArray = ['foo', 'bar'];
console.log(myArray.hasOwnProperty('join')); // .*: false
</script></body></html>
B( 'BEF'8!9'+/$L?XXmyArray'G
X86L?join()!?
'/,B!‹]
X!< M
#2!0/]l!01KSI! E'F!'8!9#$!prototypebG
B\!(4 5Nf4'8!9Gn8!0%,myArray'>#0(?B(JavaScriptW2
'$!'#MZD
V$N2!?J5` =SNW!(?I16 9^ 4W!(!.<Array()'>
JavaScript'#3g2join()D'8!+'F!4'8!+ !1>'!g&!F prototype
'Array()
tS%/B\!(!.(?X4'8!9Gn8 M
#6!]bGL=$2T2JavaScript
'/,prototypeB\!(YV$2%'$!'G
X62x0%,6 '8!+L%4'?B
r< Array'8!+ 5?B\!(x0yprototype
r<
Array.prototypeB\!n62%SbG q!01'8!+AW2#!%,WGH%
prototype?%/%/'8!+LJavaScript%'$!''//!.<SF
'//'!.$G-QW2GLb?%/%,6J'\'$!'P9P
'%/$6H92n!<?Gx00l'//.%0B2toLocaleString()
91
!8!+6!0\!(-!% $!<-Q3JavaScript
myArray]n!<
<!DOCTYPE html><html lang="en"><body><script>
"*]8myArrayBArray.prototype
'<QtoLocaleString()
var myArray = ['foo', 'bar'];
'<toLocaleString()?@'@EF
G
Object.prototype.toLocaleString
console.log(myArray.toLocaleString()); // .*: 'foo,bar'
</script></body></html>
'toLocaleString()B\!(B?g'fmyArrayx0%,IJavaScript
'/,prototype'8!+ 5?B\!('8!+BtS6prototype'
'$!Array 2 Array.prototype'8!+LBtS%,I!
w2q!01!1AB6
'8!9prototype'$!'Object()2 Object.prototype!1A%,6J
T%/W!(?qb 5f'=W2~%306Jq!01JavaScript
=W27 T
gY9
'=f'8!+undefined
!8!+?5#$!!j?6prototype1'//uF9^Wh 4!0\!B`!
Object.prototype'8!95X6prototype!.QS5%H924'$!F4''F!
L!01
`-!`-Q'/,E T
/N0,prototypebGI!.?.-./4>8 4O@52G
92
!8!+6!0\!(-!% $!<-Q3JavaScript
pT
,N(!01G5y-Q3qb2![,!?!Z).36!!?!\!gL/3$ M
56
!4'8!9M<NX!0E=$2 Q%+?[F!/UVB #?.W(W252 E%?.!
MM%N6undefinedW(%/JavaScript!8!9T#<SFprototypeS%
'f'8!+=W2undefined's-<?16!6 KS'F!/tS'?
'>-!JavaScript!8!+!.%'36'y
JEHhasOwnPropertyB60X P
O67
* W
23
[S%!?0F-!?in 5?!8!+Lb!?F!4'8!+Q0qr%B
'/,prototype'=WhJhasOwnProperty*2!'8!9B\!(L?W!WG[S%
'/,B!1I9Yprototype
B\!(=W2;n!<?[S%0,myObject'8!+%SfooKX6
'/,B'8!+prototypeB\!(L%bGnY/0,Lb-36JmyObject'8!+foo
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {foo: 'value'};
// '29'#[
console.log(myObject.hasOwnProperty('foo')); // .*: true
93
!8!+6!0\!(-!% $!<-Q3JavaScript
// prototype '=+!5'#[
// .*: false
console.log(myObject.hasOwnProperty('toString'));
</script></body></html>
'*+%,AhasOwnPropertyB\!(`'F!'8!+-1SG M
#A%]WG
'/,B!.yE=$2*2prototype
JEH2[.0XR-3bO%O17
:.in
-!?*M+%/Nin!G„!02 [S%true!G6false%SB\!(=W2B
=W2;n!<?[S%0, '0j4'8!9fooB\!(` 5`'8!9myObjectn!<
]
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {foo: 'value'};
console.log('foo' in myObject); // .*: true
</script></body></html>
-!?=W2W2Ain?5!?$G6/S =SN?B\!(!8!9tSX
94
!8!+6!0\!(-!% $!<-Q3JavaScript
'/,B\!(!.y%!8!+prototypetS%,I.F6JavaScript%';a30F
!.0tS%/!SB\!( 5N'8!+B(WG6[F!//!1!0])
'/,prototype
B\!(=W20I16myObject'8!+%S[F!/n!<?toString!
w2
'/,Lb6prototype2 Object.prototype.toStringvTN$!0=$2%]6
r< '62'? )!B\!('8!+L myObject.toString = 'foo'n!<
]
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {foo: 'value'};
console.log('toString' in myObject); // .*: true
</script></body></html>
'8!+=W23)9^ˆ]r$toStringB\!('F!#/myObjectE0(J)!
!.yObject.prototype-!?!$+,/I.6inB\!(=W2myObjectL?
'toString'y6?
BJEH-30XR/ for in
']*+%,!Ffor in3V3 ! 4B\!'8!9-6?BB(?%0,
'S*+%/0,';for inB\!( 5?!8!+O!?,2nQScody
95
!8!+6!0\!(-!% $!<-Q3JavaScript
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var cody = {
age : 23,
gender : 'male'
};
key'#[2 +T9LE
<$=G
5>
for (var key in cody) {
'=+'!Bd9"#$]3prototype
if(cody.hasOwnProperty(key)) {
console.log(key);
}
}
</script></body></html>
ABC.
'S`, `$!5L!01for in'??!8!+?Bt]
'/, B\!(!.y!8!9'j2!
w2?%,!?$G6/SB\!(
prototypef2LI:6 'A%0cI.FfWGL=$20I16J
!*+%,G|!%S%/ W!]:if('S-9 'sV
nQS$IB\!('F!%!8!+G-Q%,L=$2[S%
'*+%,!FLb-3$W2B(?6 uE!8!9hasOwnProperty()
96
!8!+6!0\!(-!% $!<-Q3JavaScript
!0\!(-!.(?%
-QI% access%!?\ !a!0\!(GE
a!8!+E M
#=I%!
w26J'S-9 Ev=NI
!.GE?I%[W2!6g
']!8!+XG6?B(?Xfor inBn!<?-,
B(?%!8!+1!vW2B(??B '$!''8!9.x
'*+%,!F!.6?propertyIsEnumerable()
2h #
23 h23%
3)!.I=30N% n!<?-,73Q% 'Z=W2AW2
JavaScriptPw?!0\!(FvMN! !%Shost objectsPw?!0\!-T<?X
![BO@5ECMAScript']!G6q,?% I30%O!0y2!0\!(%!.0(
Pw?!1%'Z!‹Pw?!0\!Gn8
MM%N73Q%'ZFn!<?-,B\!window!.%S%!0\!(?56
'>o!,2B%?!0\!(!JavaScriptPw?!0\!B
B\!(!8!9LY,window;n!<?]n!<
<!DOCTYPE html><html lang="en"><body><script>
"#[`9mdewindow
97
!8!+6!0\!(-!% $!<-Q3JavaScript
for (x in window) {
console.log(x);
}
</script></body></html>
!0\!=W2ˆ]r!?FJavaScript\!VB=W:Pw?!0\!B?gM%NX!.'0?wN?
'>'0?wN?!0\!(6Pw?!0\!BF!S3Q%?•T3NW2
-T<?N!0\!(L.)2]2=W2 M
Ar!S3Q%?F`'8!9!0\!(L=W:6
0%/-!%'.56HTML!
w2'6? AVFDOM?5;n!<?D.xN0,
B\!(B?g 5?!0\!(window.document73Q%?'ZFcI]n!<
<!DOCTYPE html><html lang="en"><body><script>
"#[`9mdewindow.document
for (x in window.document) {
console.log(x);
}
</script></body></html>
'38=W21!01LESg62=W22IJavaScripta(6 Pw?!0\!(F%.X
c!BF`-8! `
u9L!016 a(!FJavaScript8G
r< JavaScript 1.5
98
!8!+6!0\!(-!% $!<-Q3JavaScript
ECMA-262 v38G6MozillaBJavaScript*!:6b1.661.761.861.8.1
61.8.5!?.0Fu+"AX6Pw?!1%'ZBF6
ABC.
3)-T>VN% 673Q%
r< Pw?'ZFT JavaScript
!/\!0\! !head objectB\!(
r< window73Q%
r< Pw?!0\!G'!g&!F!./3$'>BO@52EW=@+NI
window.location!.TN%!0\!(G'!gG 73Q%
LS3Q%!.T>V%!.%(%3V
r< *+%/?
%6!S3Q%]:'$!Q'V-?%/W2\!VB
T
/3NPw%/JavaScriptBK]2'+/$JavaScript4@PwNW262
G4'%/ 4!38BJavaScriptF!.' !Q?%%]
8G
r< MozillaBJavaScript*!:6b1.661.7
61.861.8.161.8.5
.JEH23Z.:.i-8
Underscore.js
8GJavaScript 1.5!0\!(-!%#Y!0P\!…zFG%3
-T>VN M
#0bG O!3(F!. G6JavaScript*+%,LU%2W2 6Y673Q%
'%(Underscore.js!1%LB<2P\!…6G|!%S!0JavaScript 1.5L
'%(Underscore.js!0\!(-!%!0';P\!…
!3Q?6!0\!(--?n6cI1
99
!8!+6!0\!(-!% $!<-Q3JavaScript
•extend()
•clone()
•tap()
•isEqual()
•isEmpty()
•isElement()
•isArray()
•isArguments()
•isFunction()
•isString()
•isNumber()
•isBoolean()
•isDate()
•isRegExp()
•isNaN()
•isNull()
•isUndefined()
@B3%/!.=$:'%(?cI10AJavaScript!S3Q%?!.?%A
!<S%L%SX%!S3Q%?G'3…a3$#a30F!.0(6'<S
'>',!,:'0>W6 Lb-6JavaScript6w#w%WGXG
101
c_:;<
-3Object()
3
B\!( t!<-Q3Object()JavaScript
23%JEH-A@Object()
'>'0=?wN?'$!'!0!?%,!FObject()'?!0\!O!V$GBB(?%$
generic'FI M
#0bG6 'f! n6:-Q3B\!(!$YV$2!0c!0!I.
codyB\!(‚ D
V0N0codyH92]n!<
<!DOCTYPE html><html lang="en"><body><script>
"#['F
5DJB3†d@2
var cody = new Object();
EFJD<EF
2Ucody†d@?92
for (key in cody) {
if(cody.hasOwnProperty(key)) {
// "#[3mBL<.]D<JDf_58
console.log(key);
}
}
</script></body></html>
'$!'*+%,1!01c!0!-Object()E?,?B\!O!V$&cody
'$!'=W2-j+%W2B(?Object()X'f!!0\!O!V$&!(( 4
/ N!1
'/,B!.y%L!!s !/'=Nn6 62!8!9'j2L?prototype
104
B\!( t!<-Q3Object()JavaScript
ABC.
'$!'=W2cT$2W2 6YL!
Sg6LbB(WGObject()
`B\!1
'$!'BM‚D
V$N24B\!`'0'$!'=W22 !.bSF
Function'$!'`EF!V:=W2=IB( !(DFN:66J
Array'$!'B(Object'$!(GB-3>X6 'f! 4!0\!‚ D
V0N
-<†!B\!O!V$GB('f!3!0\!(B :L\!V$GcodyP%+
!.!/'=N!8!9g6LF'8!9'$!F' O!V$GB<
B\!(=W2.3W2Lcody'$!'Bc!$YV$2u/FB\! A1
Object()'>B !3%,r6JJavaScript%/ j
X2L
'$!'B'f!!0\!O!V$G'sObject()'3!?$G6/S
r< !0\!(B}!9 P08 O!V$G Person()'.)'$!F'
'$!'!FObject()
@C..Object()
'$!'I9YObject()
r!parameter'?1-!?I16J]6!!%9
1!.%?=W2M%N/!1 TSNWG6!1O!V$G%null62undefined]n!<
<!DOCTYPE html><html lang="en"><body><script>
// "#['F
5DJB3†d@2
var cody1 = new Object();
var cody2 = new Object(undefined);
var cody3 = new Object(null);
105
B\!( t!<-Q3Object()JavaScript
// .*: 'object object object'
console.log(typeof cody1, typeof cody2, typeof cody3);
</script></body></html>
`'?MTNbGnull62undefined'$!'GObject()'?Y M
V0N%/
'$!'*+%,!00(?!x$I B\!(=?N?Object()'0=?wN!0\!'j2O!V$&
7g%;n!<?x$ '$!F
X6 L?%'> ]n!<
<!DOCTYPE html><html lang="en"><body><script>
/*
';'<L<$+Object()3<B','=+:
K'(9%2B')(*'9cB'3B'@,B
*/
// :'9<2‡5.*
console.log(new Object('foo'));
console.log(new Object(1));
console.log(new Object([]));
console.log(new Object(function() {}));
console.log(new Object(true));
console.log(new Object(/\bt[a-z]+\b/));
/*
106
B\!( t!<-Q3Object()JavaScript
'9cB'3B'@,B3<B','=+`w
';'<;'(9%2B')(*Object()Y
Kpq@'pF
%DJD<5dD?**
*/
</script></body></html>
=>'I 0EObject()
B\!(L?Object()!.y%n66!8!+O!0<%,!F ';!8!+
•
r< !8!+ Object.prototype
◦prototype
`@-.23=>'I 0EObject()
d0b!0\!(L?Object()!8!+O!0<%,!F ';n66!8!+
!.y%n66
•
r< !8!+ var myObject = {}; myObject.constructor;
◦constructor
•
r< n6 var myObject = {}; myObject.toString();
◦hasOwnProperty()
◦isPrototypeOf()
◦propertyIsEnumerable()
107
B\!( t!<-Q3Object()JavaScript
◦toLocaleString()
◦toString()
◦valueOf()
ABC.
'/,.%0prototypeObject.prototype?5=W20I16
B\!('F!%n66!8!+Object()GK=%, cr21!x
!0\!?5JavaScript
23%(?@1Object()';E
!0\!O!V$GObject()'?o:*+%,!FB\!O!V$G0Q%+?'!F
r< !8!9W6F62 var cody = {};'FI%-1n6:-Q3!$YV$2!0
B\!(codyH92Lb-30lu0's*+%,!Fe\!Q+c!02y]n!<
<!DOCTYPE html><html lang="en"><body><script>
var cody = new Object();
cody.living = true;
cody.age = 33;
cody.gender = 'male';
cody.getGender = function() {return cody.gender;};
console.log(cody); // '%RB<Bˆ,$y+
108
B\!( t!<-Q3Object()JavaScript
</script></body></html>
B\!(O!V$G =W2ˆ]Xcody!j2J'AF'/?9!0I92E!8!+!?c‡!G6
B\!O!V$GBB(?%0/Q%+?'*+%,!Fcody]6 4
AF4%F[F!/n!<
]
<!DOCTYPE html><html lang="en"><body><script>
var cody = {
living: true,
age: 23,
gender: 'male',
getGender: function() {return cody.gender;}
};
// '#[[\<%'#@3mBL<l78
console.log(cody); // '%RB<Bˆ,$y+
</script></body></html>
!.G !0,G6!.!8!9P6!0\!(O!V$GBQ%+?-(V*+%,!00(?,
BM!?*+%,ˆ]X -.,2!.O-A'F!$!!.…G-23)*+%,!F
•6‰!0\!(O!V$&'0/S%/?'>Q1cI1=W2I!FA ]64
JavaScript-.,2!.O6Q2!.=$:
109
B\!( t!<-Q3Object()JavaScript
'Q$-,r/!8!+O!?,2B%W!(&!FE=$2!
w2W2A]n!<
<!DOCTYPE html><html lang="en"><body><script>
var cody = {
'living': true,
'age': 23,
'gender': 'male',
'getGender': function() {return cody.gender;}
};
console.log(cody); // '%RB<Bˆ,$y+
</script></body></html>
'8!+,B(!'Q$-,r/!8!+O!?,2P6wBa
•]2"AS?!?(
r< class
•!)G6v]:6*!:!O)2 '8!9v!S62!f%S
X6Š'3/'sV62 ‹
•F2
T/NI1=W:B\!(!8!9B'8!99^F'8! 56BI]
!ZFzFY9JavaScript
110
B\!( t!<-Q3Object()JavaScript
-.j23ZObject.prototype
'$!'Object()JavaScript'8!9=W:!.%8Q9!.prototype'F!%
'/,'S9^1!.prototypeprototype chain
B\!(;n!<?jfY,Object.prototype'8!+Pg:foo‚D
V$Y,y
'8!+Gn8n6!]Y,6'Q$'/,foo!j?6 'Q0'//'F!'8!9!.$2!?
B\!(W!myString'8!+L?XfootS%/JavaScript'8!+L'?B
String.prototype16X2'!%'S?x0%/ !1AB6 !1AWG6
Object.prototype!.tS'S9^1% JavaScript<0,6 !4'?B
'?foo'8!+'? !N%,!%!F6!.%3g20$:q!01foo]n!<
<!DOCTYPE html><html lang="en"><body><script>
Object.prototype.foo = 'foo';
var myString = 'bar';
j.*foo?@3m9jObject.prototype.foo
'=+;S9cQ*,7]Bprototype
console.log(myString.foo);
</script></body></html>
111
Z:;<
-3Function()
4
B\!( F-Q3Function()JavaScript
23%JEH-A@Function()
-!?*+%,!F%/N%'AF!?%'6!]1'&-T?NW2B(?
r!?parameters!?%B(?%(O!%,X'?O!0y2B,-9 G
'-?!0'0j 4
Gn8B'-9 5?'A
'BB%+/$;n!<?‚ D
V00,addNumbers-!?-?%/]6new
%/0,6JBM!n!%,B%r%6 .)<:u/?-(V-?%/H9:6
-!?B,?0,6B%&-]n!<
<!DOCTYPE html><html lang="en"><body><script>
var addNumbersA = new Function('num1', 'num2', 'return num1 +
num2');
console.log(addNumbersA(2, 2)); // •.*Œ
‚DBO,$9%'<fE
G
JD6h5D95B
var addNumbersB = function(num1, num2) {return num1 + num2;};
console.log(addNumbersB(2, 2)); // •.*Œ
</script></body></html>
3VI30%4'?x04'Œ!.?%/$W2B(?62!0\!062'?'NW2B(?
114
B\!( F-Q3Function()JavaScript
n6 `
X!?%,L!01 u'AJavaScriptn$n!():u/F2B(
``n!A1N'unique scopeI30%'F!'A!?%B
@C..Function()
'$!'B(?Function()-!9^B(r!?BEQ]X I9YW2
'$!'%Function()'A!?%%S`'Q$`'/,1E!%,
U!%N%,-!9^-'$!'GT?NH92r!N'j2 '/5PTY6-T(VN%
'Q$'/,*+%,!Fr!Tn!,G!
w2B(??B6 r!?Y M
V0N%,%'G
'8!3F!.- MQ3N
'$!'*+%,;n!<?BjFY,Function()' B\!O!V$&{!?$2T
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var addFunction = new Function('num1', 'num2', 'return num1 +
num2');
/*
'#%@ )E
,G
','=+dEF
9G
JD95O5<%n
%
K'< =m5BO';'<RBU2
*/
var timesFunction = new Function('num1,num2', 'return num1 *
num2');
115
B\!( F-Q3Function()JavaScript
// .*: '2 2'
console.log(addFunction(2,2),timesFunction(2,2));
RB<45‚IR‚I%'<fE
G
JD6h5D95B
// >Q3*+i%'345
var addFunction = function(num1, num2) {return num1 + num2;};
// a>ˆ,$?_%;L<$+%'345
function addFunction(num1, num2) {return num1 + num2;}
</script></body></html>
ABC.
'$!'O!%,B/S%/?BaFunction()]2X6)!
=W:!rsGLb-3JavaScript'-?%/%,eval()'///3%
*+%,=W2W6<(%6J''0?'0%S%'Q0
eval()K6]75?B(? M
#D+%,WG6*6@B`\"`1
'A3V'??Q%'0'(V
'$!'*+%,Function()"AS?'?(W6 new,
r< n6!0\!O!V$&'$!'*+%,yYa3$
new Function('x', 'return x')62
Function('x', 'return x')
116
B\!( F-Q3Function()JavaScript
[>` Y M
V0NB closurex$ F!/-Q3'O!%,0
'$!Function()
)!
=>'I 0EFunction()
B\!(L?Function()!.y%n66!8!+O!0<%,!F ';!8!+
•
r< !8!+ Function.prototype
◦prototype
`@-.23=>'I 0EFunction()
d0b!0\!(L?Function()!8!+O!0<%,!F ';n66!8!+
!.y%n66
•
r< !8!+
var myFunction = function (x, y, z) {};
myFunction.length;
◦arguments
◦constructor
◦length
•
r< n6
var myFunction = function (x, y, z) {};
myFunction.toString();
◦apply()
117
B\!( F-Q3Function()JavaScript
◦call()
◦toString()
. D
) D
. I #
W2\!VBB(!. 5?!?%IT30N%'/F' O!V$GW!(&!FE=$2 `7S8
'B'Q$'/,;n!<?N0, '?'NsayHi]n!<
<!DOCTYPE html><html lang="en"><body><script>
var sayHi = function() {
return 'Hi';
};
console.log(sayHi()); // .*: "Hi"
</script></body></html>
'?%/'!1N('?S%bGundefined%,Y,
';n!<?yelp'Q0'//%(%jyelpj('?SG'5!SW6
!1N]n!<
<!DOCTYPE html><html lang="en"><body><script>
var yelp = function() {
118
B\!( F-Q3Function()JavaScript
console.log('I am yelping!');
'9)RB<<+undefined<6
'9c3X
F
<G J
}
.*true
6
<7B3X
F
<G Q7O'9c36
B3f_5SEFI
console.log(yelp() === undefined);
</script></body></html>
WhJ'0j'?T$62UTQN$%]'?W2A' - =W21!01(3
'? !N%/'!1%`'? TSNundefined
D
):k_ #
@1 +8>,.R2SB1 $8
n6JavaScript62>%W=@+NW2B(?' 'j2 =W20I16J!0\!B`!
'L?!
w26 H924' B!. !G62!1?!
w2B(?6JB\!62'3Q
4!8!9properties!0\!!.$: ]n!<
<!DOCTYPE html><html lang="en"><body><script>
-">?@'EF
A$G
RB3ZfuncA&
-"@,BfuncB-"*2B&funcC&
•?2Q<=+funcA()
119
B\!( F-Q3Function()JavaScript
var funcA = function(){};
•?2Q<=+funcB[0]()
var funcB = [function(){}];
funcC.method()BDfuncC['method']()
var funcC = {method: function(){}};
v[Dn
RB33G
JDBRB<dEF
9G
JD95
var funcD = function(func){
return func;
};
var runFuncPassedToFuncD = funcD(function()
{console.log('Hi');});
runFuncPassedToFuncD();
"*2?RB<EFJDEF
2
"#[•|`(=EFD?*5B
var funcE = function(){};
funcE.answer = 'yup'; // '$=*'%'#[
console.log(funcE.answer); // .*: 'yup'
</script></body></html>
!.62!1?B(?6J'?1!%!F6B\!1' =W2%/W25.?B
'A%!F!?JavaScript
120
B\!( F-Q3Function()JavaScript
IR1C.
r!?ETVN$W2!00(?parametersn!AG-0%!0]!V!F scope'
';n!<?!0%, %/N!0addFunction()!/!1!0=!=$:6
!.!AB?gBM%]!%!.GW!M=?N?W!%?7Q%/BM!]n!<
<!DOCTYPE html><html lang="en"><body><script>
var addFunction = function(number1, number2) {
var sum = number1 + number2;
return sum;
}
console.log(addFunction(3, 3)); // .*: 6
</script></body></html>
ABC.
!!?/B H9:'A!>zFBz0
JavaScript-%/('#MTN%]r!?'?S*
'?N%,'s!/F r!undefined-(F6 =SNf-!:
7S8-(VF'-?Xr!?!? TSNWGY
L\!V$G0!.TN% 'r!?B4%f M
bG
r!?LG-QW2B(??B6JY92KSB '
B\!(argumentsn6?A `
U!%1I
121
B\!( F-Q3Function()JavaScript
Othis arguments Z,OB.
W!%?U!%this6argumentsn6?5n!A /5
B\!(argumentsGMTN%r!?-%S!3Q?!FE) `B\!1
BB(?%0/!.30'r!S !%n!<? !0/$%S '
'3Q? !?%XargumentsMTN%r!?Gn8' 5?
!.\!%,O!0y2!.G]n!<
<!DOCTYPE html><html lang="en"><body><script>
var add = function() {
return arguments[0] + arguments[1];
};
console.log(add(4, 4)); // .*: 8
</script></body></html>
"AS?'?(!2this%SIB\!(G'5. n6- 5?
-D?%/MW2B(?!8!+!0\!B?g 5?n6%!?6 'thisnQS
*!n!A?'v=N!0!2J R: B\!(G5 global scopeW(%/
'?this'?(!1N%'?B~?>'"&';3V5 *!B\!(1
"AS?thisX!SP%+]n!<
122
B\!( F-Q3Function()JavaScript
<!DOCTYPE html><html lang="en"><body><script>
var myObject1 = {
name: 'myObject1',
myMethod: function(){console.log(this);}
};
myObject1.myMethod(); // .*: 'myObject1'
var myObject2 = function(){console.log(this);};
myObject2(); // .*: Window
</script></body></html>
0Earguments.callee
B\!(L?arguments,!F'8!9calleeB(? !!]I=30N%'GVN%
I30n!AB?g'G!)€'8!+cI1*+%,scope
r< '
arguments.callee'5;n!<?-QS0, !./3$'GV%,2
I=30N%]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = function foo() {
123
B\!( F-Q3Function()JavaScript
console.log(arguments.callee); // .*: foo()
'#$L<$+95callee<+8
'<foo-6
53Brecursively&
// arguments.callee()
}();
</script></body></html>
! 6!'O!%,G|!%S$!0'8!+cI1B !3%,XB(?recursively
0Elength0E arguments.length
B\!(L?arguments'8!+1'8!9length'8!+cI1=W2Bx!?F6J
G=?N?u\!, L%,!.0(''=N?r!? L%,
#%,N%']n!<
<!DOCTYPE html><html lang="en"><body><script>
var myFunction = function(z, s, d) {
return arguments.length;
};
.*s'<Q{+BF
]DdEF
9G
5 SEFI
console.log(myFunction());
124
B\!( F-Q3Function()JavaScript
</script></body></html>
'8!+*+%,lengthB\!(Bp/0?A'F!%Function() !0,
!.!%,'%%r!?(]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myFunction = function(z, s, d, e, r, m, q) {
return myFunction.length;
};
console.log(myFunction()); //.*: 7
</script></body></html>
ABC.
'8!+#S82arguments.length'?.deprecatedBOF
8&JavaScript 1.4u\!, Gn8W!(&!Fn"!B(6
'8!+'G=?N?lengthL-%/?I 'B\!(
'8!+n!?%,u\!, nQScalleenQSF
2 #%,N%'5arguments.callee.length
C..'I1
'3Q?*+%,!F62)!'-9 'r!P !GB(?
125
B\!( F-Q3Function()JavaScript
arguments3VcI1x$ D
[2 ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = false;
var bar = false;
var myFunction = function(foo, bar) {
arguments[0] = true;
bar = true;
console.log(arguments[0], bar); // .*: true true
}
myFunction();
</script></body></html>
-!?P !G#%,Pˆ]XbarEn!?%,!Findex'3Q
arguments-!?G5'? !0,hF)!62
<2(F1b6 <2(!@:)-.)'I1
"AS?'?(*+%,!F!1I30O!0y2 4#6j2n6I30O!>GB(?return
'I30';3V>Y, '?W6F62addB(62-!?'? =SNbG
126
B\!( F-Q3Function()JavaScript
!?]n!<
<!DOCTYPE html><html lang="en"><body><script>
var add = function(x, y) {
6
'9cd"|9 JU(['+d3
if (typeof x !== 'number' || typeof y !== 'number')
{return 'pass in numbers';}
return x + y;
}
console.log(add(3,3)); // .*: 6
console.log(add('2','2')); // .*: 'pass in numbers'
</script></body></html>
"AS?'?(*+%,!F'I30O!>G%/L=$21!.!QG2%(3
return'I30-]B']j2
6l,. 6l@I
=,.
'AF'?62'$!F' *+%, [\sKr<F'PB(?
statementAF62 expression;n!<?!.?5[\U)Y, n!<
]
127
B\!( F-Q3Function()JavaScript
<!DOCTYPE html><html lang="en"><body><script>
/*
'<<=m{+B[\J+O';'<L<$+<*
;c?‚2E
G
+BO'_;"9Q]5]
K92
*/
var addConstructor = new Function('x', 'y', 'return x + y');
// '_%'9
function addStatement(x, y) {
return x + y;
}
// ?_%;
var addExpression = function(x, y) {
return x + y;
};
// .*: 4 4 4
console.log(addConstructor(2,2), addStatement (2,2),
addExpression (2,2));
</script></body></html>
128
B\!( F-Q3Function()JavaScript
ABC.
A% ?/6n6P%`'F`'sL!01=W2zn
?/N? named expression'P'sEV'cI16
r< '!?,!
w2B?w%!.$2XGAF
var add = function add(x, y) {return x+y}
% 6l-3%=>% 6lI% (H
6l@call() apply()
{!?$262[\sFYFn6O!%,B(?
•' !'
•B\!'
•'$!F'
•*+%,!Fapply()62call()
;n!<?'F!/O!%,X[\sB
r~%,Y,]n!<
<!DOCTYPE html><html lang="en"><body><script>
'<2Ž<+
var myFunction = function(){return 'foo'};
console.log(myFunction()); // .*: 'foo'
129
B\!( F-Q3Function()JavaScript
2?@'<2Ž<+
var myObject = {myFunction: function(){return 'bar';}}
console.log(myObject.myFunction()); // .*: 'bar'
'%'<2Ž<+
var Cody = function(){
this.living = true;
this.age = 33;
this.gender = 'male';
this.getGender = function() {return this.gender;};
}
// :';'<<+
var cody = new Cody();
console.log(cody); // RB3B"#[de
L<$+apply()Bcall()
var greet = {
runGreet: function(){
console.log(this.name,arguments[0],arguments[1]);
}
}
var cody = {name:'cody'};
var lisa = {name:'lisa'};
130
B\!( F-Q3Function()JavaScript
'<<+runGreet[3D92cody
greet.runGreet.call(cody,'foo','bar'); // .*: cody
'<<+runGreet[3D92lisa
greet.runGreet.apply(lisa, ['foo','bar']); // .*: lisa
/*
%•l78call()Bapply()Q"|9R+d'2?@
Q<=G
?'<
*/
</script></body></html>
%3V=W:O!%,X[\sB'F:d$:?5vj%W2}]
!.0C2%SW2B(?-%/?!.-!%
!,
'.A?'anonymous functionvTN!.N%'1 identifier
H924' G-!?' ?%W!]:'!f'.A?n6*M+%/N]n!<
<!DOCTYPE html><html lang="en"><body><script>
// <+8')5M<m8O'_'3
// function(){console.log('hi');};
131
B\!( F-Q3Function()JavaScript
'_'3<+`(='3
var sayHi = function(f){
f(); // '_9'<<+
}
// 92'_'359
sayHi(function(){console.log('hi');}); // .*: 'hi'
</script></body></html>
!8<@=8==,.=>>P #
D
'5.
'$!'BY M
V0N?L!' 'j22 AF4'=?n6B(?
Function()o:-!*+%,!F!.3F)!%/NW2&-‚ D
V0N0,
';n!<?sayWord()c$!I16 )!!.%/0,yAF4'=N?
!./3$%/%n6!F self-invoking function ]n!<
<!DOCTYPE html><html lang="en"><body><script>
// .*: 'Word 2 yo mo!'
var sayWord = function() {console.log('Word 2 yo mo!');}();
132
B\!( F-Q3Function()JavaScript
</script></body></html>
D
'5.!8<@=8=!,
?/16 )!!./3$%/'.A' -T<?N'AF!O!V$GB(??B
!./3$%/%'.A?n6 self-invoking anonymous functionn!<?LY,
n!()2T;
)!!./3$%/'.An6]n!<
<!DOCTYPE html><html lang="en"><body><script>
_;9%6
<$+R‚IT2D
(function(msg) {
console.log(msg);
})('Hi');
a>N]3‡5O6
|c4$
(function(msg) {
console.log(msg)
}('Hi'));
,$‚T2D
!function sayHi(msg) {console.log(msg);}('Hi');
// %'_9'<<+958•p9
'S385 Immediately-invoked function expression!?B4@?!(6
133
B\!( F-Q3Function()JavaScript
// function sayHi() {console.log('hi');}();
</script></body></html>
ABC.
!?!6ECMAScriptG'nTSO)262 'n]o:
expression
)!'%/N%,#$!bG`'F
+ [
?-
';n!<?PTfY, 6]2W6 !.wF-9 !.36n6jVB(?
goo'-9 bar'-9 foo]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = function() {
var bar = function() {
var goo = function() {
?=Q'mdewindow
console.log(this);
}();
}();
}();
</script></body></html>
134
B\!( F-Q3Function()JavaScript
W6 !.wF-9 !.36n6VB(?E=$216'/F!01!.!QG2%(3
V% [? 56
ABC.
'?=W2IthisB\!(
r< /\B\!(1'V%?n6
window8G !S3Q% JavaScript 1.5 EMCA-262 v3
-. 'I1 R1
'=W2!F!,!$b!?JavaScriptB4d$ƒ2'G=?NW2B(?6'?-T<?N
62u\!,H92
X6 -%n66 H92' G' ?B(?!%!F6r!?
!$!]2?/!1Nhigher-order functions
'G'.A' ;n!<?TNY,foo'B)!!1N$v,%6
foo>%?VN,I.F6bar'=W:'.A?'Gfoo'.A?'-%/
r!!?.[,!.33VBj? )!!16 ]n!<
<!DOCTYPE html><html lang="en"><body><script>
// v[IRB<3G
BDRB<dEF
9G
JD95
var foo = function(f) {
return f;
}
var bar = foo(function() {console.log('Hi');});
135
B\!( F-Q3Function()JavaScript
bar(); // .*: 'Hi'
</script></body></html>
'%/N!0bar'G!1!$%'.A?'%/%/foo()B6
'B'.A?' !N%,yfoo()>%?GM0/N%,6barP7 T
gn!<?I16
B!1>n6?B(?
!<:) (H
:=W2H!?F !.3-I30%O!0y2%/N=W2AF'=N'B(?
AI!.3W2-:62E03%/(LbW2AB(OVzF `f
';n!<? N
#%, Lb-33)E5!0sayYo()6sum()-
!.3]n!<
<!DOCTYPE html><html lang="en"><body><script>
// RBIRT9
var speak = function() {
'<WEF
G
sayYo()Ž<+95O<%
•.*yo
sayYo();
136
B\!( F-Q3Function()JavaScript
function sayYo() {console.log('Yo');}
}(); // 6
‚;'<<+
// ?TRT9
'<WEF
G
sum()Ž<+95O<%
console.log(sum(2, 2)); // .*: 4
function sum(x, y) {return x + y;}
</script></body></html>
I30%o( Gv!wN6n6O!V$G!? =
/3N
execution stackI=30NW2-
n6O!V$G!?%L+%,0!%XBFLbwW2L 3V
ABC.
'AF'=N?n6function expressionsB(?X
'AF!?%F'=N?n6O!%,B(?!.3-!1‡!%,
function statementsu!.3-
bI <2 !8<@=8O6-
'>U?/?BJavaScriptBu?0cI1=W2'S6 !./3$'%/W2
';n!<?‚ D
V0N0, '\!V'A{!?$2countDownForm!./3$%/%
O!%,Xo( !
w2?/N call stackI30%n6B!WT@+No(16
!(6'S385Call stack!?B4@?
137
B\!( F-Q3Function()JavaScript
',countDownFormB(']'cI1‚ D
V0N,!,2-(VF0Gs
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var countDownFrom = function countDownFrom(num) {
console.log(num);
num--; // 9'9c>
J2qnum < 0
6
‚;'< =@
if (num < 0){return false;}
<+6h5D*i%J2arguments.callee(num)
6
'_'<b2q
countDownFrom(num);
};
LcdIX
yG
+?BO'<<+0‰Œ‰•‰‘‰r‰s<7Q
countDownFrom(5);
</script></body></html>
' 6!'=W22 !./3$'%/W2\!VfBa recursive
138
m.E:;<
J=83-3
5
*!/\B\!( a!+-Q3JavaScript
=83-3J!<.-A@
3)H%SW2AJavaScript3)O!V$G0n!<?-, B\!B?g!./3$
JavaScriptH%S%/73Q%'ZJavaScriptB\!B?gI=30N6windowB\!(M%N
window /\`B\! E=$2 head object*!B\!(!F !$!]2EG!VN62
the global objectp/$?5JavaScript]6/\B\!*+%,%
-DB/\B\!(‚=.NJavaScript!.%(%3VP>%a(P9
'0=?wNY%3V'!w%,X6*+%/?JavaScriptwJavaScript%3V
73Q%?F[%!?LbB[S%0 I=30N(/\B\!(B?g*+%/?!.%(
zF'!%3V‚ D
V$NY,JavaScriptB\!(` 5=W2B[S%0,6
/\window]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myStringVar = 'myString';
var myFunctionVar = function() {};
myString = 'myString';
myFunction = function() {};
console.log('myStringVar' in window); // .*: true
console.log('myFunctionVar' in window); // .*: true
console.log('myString' in window); // .*: true
console.log('myFunction' in window); // .*: true
140
*!/\B\!( a!+-Q3JavaScript
</script></body></html>
3)%(!0E=$2!6 E%0W2AJavaScriptB\!(!sGB?gM%(N%/
1 /\B\!( 7Q=W2vL=$2-Q3I1H%S'F~%Y, /\
*!B\!( 7Q?v
ABC.
n!A21/\B\!(n!Ascope'ZF%JavaScript
=83-3-e'I.
YJavaScript
X6 %N';',!,:n6 !/'=?n6zF'j?S
73Q%';'*+%,!00(?
r< /\B\!('F!
window.parseInt('500')/\B\!('F! n6 !.=$2n6cI1%W2L0(?
'>!16*+%,r)!`@1!5JavaScript
•decodeURI()
•decodeURIComponent()
•encodeURI()
•encodeURIComponent()
•eval()
•isFinite()
•isNaN()
141
*!/\B\!( a!+-Q3JavaScript
•parseFloat()
•parseInt()
.F 0E =83-3
'!>%?62'!!8!+*.3/\B\!(*.3BFu+X
*!n!A? 5?global scope?5%SIB\!(1/\B\!(
G!)€*M+%/N '!>%? 62 '!!8!+ 7Q!2 !0\!(
MM%N H9:!0\!(]2n!A?'F!W(X%6/\B\!(B?g)! 5?
X!A?']!$B 3VI30W!(Bx0z>F3V?5W:'!L
X86L?scope chain'!>%?6!8!+L%
'8!+;n!<?gY,fooB'8!+LG-8Y,y*!n!A?
9^4n!A]n!<
<!DOCTYPE html><html lang="en"><body><script>
Jfoo-?='#[BL>window&
var foo = 'bar';
6
<5<m6
8_VX
*G
RB<EFJDEF
2
var myApp = function() {
var run = function() {
.*bar>9'9cBOfooX
TG
?
?=?@
142
*!/\B\!( a!+-Q3JavaScript
console.log(foo);
}();
}
myApp();
</script></body></html>
'8!+ N
#g6bG!2foo'B(?%B*!n!A?|!9console.logB
'?<fooN%,6undefined;n!<?7 =
g1!I16
<!DOCTYPE html><html lang="en"><body><script>
Jfoo'<R_?@
3m>myFunction()
var myFunction = function() {var foo = 'bar'};
6
<5<m6
8_VX
*G
RB<EFJDEF
2
var myApp = function() {
var run = function() {
console.log(foo);
}();
}
myApp();
</script></body></html>
143
*!/\B\!( a!+-Q3JavaScript
r< '!n6O!%,'$!(GO6/1I16 window.alert()'ZF
j:!
]!%W(,*!n!A?O)-=W21E?.3W2L! n!A2B73Q%?
'!!F >%?6!8!+L'?/,1I16n!A
ABC.
*+%,BF`-Zg `
•L!01var*+%,*6var*!n!A?
I1x$ D
[2 '!>% 62 '!!8!9 !0„%0,
n_/StackOverflow-8!3%B@?
=83-3R1'/5M
,XG's!/F!)&1'sn62 /\B\!(G!)€W!%s !L!01
r< /\B\!(? window'?(*+%,1'$!<' 73Q%
"AS?this;n!<?B%r-?%,Y, *!n!A? ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = 'bar';
windowRef1 = window;
windowRef2 = this;
-d‚dereferenceQ&window
console.log(windowRef1, windowRef2);
144
*!/\B\!( a!+-Q3JavaScript
// .*: 'bar', 'bar'
console.log(windowRef1.foo, windowRef2.foo);
</script></body></html>
Gn8!?1!0+%,yB>%/\B\!(G!)G[F!/n!<?!$T@9
*!>%?foo
4e D
'I*1/? #
^ D2e=83-3JVE8 #
W%n!<?-, !0?gEG!V,E=$:UgF/\B\!(G !!VNX
W!Awindow.alert()6alert()-D?(Nt]J73Q%?'ZFWry!?%JavaScript
B\!(=W:6 !1 3?F!f3window 56B[S%%B\!9^1 /\B\!(2
n!A?'/, E 62 !8!+ scope chain/\B\!(G!VN/
';n!<?-?%/0, !6 !0?galert()*!n!A? 5?n!<]
<!<!DOCTYPE html><html lang="en"><body><script>
window-*6
*9SdG
window.foo&
var foo = {
fooMethod: function() {
window-*6
*9SdG
window.alert&
alert('foo' + 'bar');
window!UNSB*’%SdG
145
*!/\B\!( a!+-Q3JavaScript
window.alert('foo' + 'bar');
}
}
window*6
*9SdG
window.foo.fooMethod()
foo.fooMethod();
</script></body></html>
=W:I16LIFUTQN%]!?\ !0?gEG`!V/\B\!(=W2.3W2.?B
n!A?'/,B\!9^1/\B\!(scope chain
ABC.
2 UgF/\B\!(qSwindow.alert()B
XF
alert()B?
r 3VI30',H O :-G _,
n!A?'/,?%W2d,:scope chain!)&B
XF!1 3?F
` 5c!=W2v M
#06%]/\B\!(GUgF
*!n!A?
146
GI8:;<
'n,this
6
"AS?'?( o !/-Q3thisJavaScript
JEH-A@this23R1? #
%
!.?, a(O6 `"AS`'?Y M
V0N%/!`' Y M
V0N!0 thisGVN%
>%?H924!F 'E-?IB\!(thisGVNE=$2XG'n!A `
U!%
E!8!9H]G'LW(IB\!(
B\!(Gx00codyBn6:-Q3H92]n!<
<!DOCTYPE html><html lang="en"><body><script>
var cody = {
living : true,
age : 23,
gender : 'male',
getGender : function() {return cody.gender;}
};
console.log(cody.getGender()); // .*: 'male'
</script></body></html>
'8!+G!086'3ˆ]Xgender'-9 getGenderu0's
r< cody.genderB\!(*+%,!Fcody*+%,!F[,!'F!%B(? E/3$this
B\!(G!)€cody =W:thisB\!(GVNcody]n!<
148
"AS?'?( o !/-Q3thisJavaScript
<!DOCTYPE html><html lang="en"><body><script>
var cody = {
living : true,
age : 23,
gender : 'male',
getGender : function() {return this.gender;}
};
console.log(cody.getGender()); // .*: 'male'
</script></body></html>
"AS?'?(this!1!0?%,%this.genderB\!(G's!/FVNcody
'EE?I
U)=W2zH!?Fthis!?E=$2=I LbB[XB(S<6LF
"AS?'?(*M+%/NthisB
XF'%SIB\!(G!)€n6-9
"AS?'?(*+%,B?w%O!0<%,X !./3$'new62call()62apply()
ABC.
"AS?'?(thisXL=$2XG>%?'jFq,L/66
!.%/
Bz0arguments'G- M
,N%r!?6this
'8!9#/6"AS'?
149
"AS?'?( o !/-Q3thisJavaScript
)IP #
%this"
'?this#6'E%/I•!/?%n6?5G=?N?
!1ƒIL%b!VX!SzFL!01=W:!015E%$ I30%
B\!(N2myObject,!F'8!9';3VsayFoo'GVN%6
sayFoo'%/N!0sayFoo*!n!A?Bglobal scope'?(VN%/
"AS?thisB\!(GwindowB\!('F!'%/N!0!2myObject
V%/thisGmyObject
,!F'8!9 56fooB\!(myObjectB
XF '8!+L'?-M?%/N%/
'?foo *!n!A? ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = 'foo';
var myObject = {foo: 'I am myObject.foo'};
var sayFoo = function() {
console.log(this['foo']);
};
(myObject +%'#[sayFoo
'3QmBsayFoo
150
"AS?'?( o !/-Q3thisJavaScript
myObject.sayFoo = sayFoo;
myObject.sayFoo(); // .*: 'I am myObject.foo'
sayFoo(); // .*: 'foo'
</script></body></html>
'?=W27gBthis
=W2 `7S8 'O!%,•!,?%
myObject.sayFoo6sayFoo•!,2 W!( !?%B(J'a3$GWVN
'O!%,sayFoo()'?W(%/this'3%+
2 /\B\!(*+%,B7Q%B('F!/3Va3$cI1window
]n!<
<!DOCTYPE html><html lang="en"><body><script>
window.foo = 'foo';
window.myObject = {foo: 'I am myObject.foo'};
window.sayFoo = function() {
console.log(this.foo);
};
window.myObject.sayFoo = window.sayFoo;
151
"AS?'?( o !/-Q3thisJavaScript
window.myObject.sayFoo();
window.sayFoo();
</script></body></html>
'?=W2'0j' G'5B<:Lr%62n6L+%,O!0y2W2L
this'L\!%,•!, !?%j>%%,
ABC.
!?5this6argumentsa6'PW!(?%
?/NI16 !.\!%,W!(lexical scope
'n,this =>=83-3R1? #
?
"AS?'?(KS,I!nO!/%!?Fthis 5' -9 -M?%/N!0
'Z/!9: H92' B?gECMA v3=W21thisB\!(GVN6!.sƒ-wM
B\!( /\windowE9 '#MTNIB\!(B
XF !S3Q%?
"AS?'?(ƒ-D
wM%,;n!<?3this-9 5?func26func3!.s
B\!(GVNB6myObject/\B\!(GVN%,!?$G6]n!<
<!DOCTYPE html><html lang="en"><body><script>
152
"AS?'?( o !/-Q3thisJavaScript
var myObject = {
func1: function() {
console.log(this); // .*: myObject
var func2 = function() {
.*window
+Bthis6
<,@JzS
console.log(this);
var func3 = function() {
.*window
?=SEFI
console.log(this);
}();
}();
}
}
myObject.func1();
</script></body></html>
#=N
]'(V?cI1=W21A!9:ECMAScript 5cI.E%0W2LB(
!.wFGn6?%F2!0! 8Q9'!()&
'G'.A' T?N!0KS,b!x$6';3VGx$
foo.func1'-9 '.A?'%/N!0foo.func1' -9 ' 2
153
"AS?'?( o !/-Q3thisJavaScript
V%/this/\B\!(G'.A?'-9 ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = {
func1:function(bar) {
.*windowNBOfoo
bar();
+thisQ*foo
console.log(this);
}
}
foo.func1(function(){console.log(this)});
</script></body></html>
'?=W2!6 I%W2Lthis'#$!WG/\B\!(G!6 VN%,
'F!/'!()&=W2T26 H924' •!,!%/62H924' '3>!. 5?
#=N
]ECMAScript v5
,8H? ?.Rg<^
'?!0/]thisn!A?'/,P…'s!/FL0(?6!!?wBscope chain
G!)GO!F&this*+%,Lb-'s';3V7 T
g%, R:'
154
"AS?'?( o !/-Q3thisJavaScript
,!F>%that]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {
myProperty: 'I can see the light',
myMethod : function(){
Qd‚5A$this]D-myObject&
'<R_?@myMethod
var that = this;
';'3
var helperFunction = function() {
.*I can see the light
EFJIthat = this
console.log(that.myProperty);
2.*window~L<$= JOthatg}
console.log(this);
}();
}
}
myObject.myMethod(); // '<<+
</script></body></html>
155
"AS?'?( o !/-Q3thisJavaScript
)=>thisJEHcall() 6apply()
'? =SNthis"AS?'?(*+%,0O!0<%,!F 'O!%,•!,B !
new'?F(S%L0(?B( [\! FLbY0,6this*+%,!Fapply()62
call()"AS?'?(VNIB\!(1!S%this'O!%,0EG
'Dd%, !0-y!?[\cI1*+%, XB\!(-?%/W2'92B(Z'?
"AS?'?(this TSN%'g%X'"6!A%0,LI!03F6JavaScript!.
"AS?'?('?this
'%/0,y' 6!0\!;n!<?‚ D
V0N0,call()'?-A$(
thisB\!(GV'-9 myObject'-9 'A!?%m?%,y
myFunctionB\!(myObjectB\!(G!8!+L !0,GB
XF'0j 4!8!+F
EGVNIB\!(!0=W($I.F6 /\this'-9 myFunction n!<
]
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {};
var myFunction = function(param1, param2) {
thisQmyObject;'<b<+G
qcall()
this.foo = param1;
this.bar = param2;
// .*: Object {foo = 'foo', bar = 'bar'}
156
"AS?'?( o !/-Q3thisJavaScript
console.log(this);
};
'9c{;BO'<<+thisQmyObject
myFunction.call(myObject, 'foo', 'bar');
// .*: Object {foo = 'foo', bar = 'bar'}
console.log(myObject);
</script></body></html>
[F!/n!<?!0?%,call()O*+%,B(?B(apply()1!?.0F•3 !
w2
*+%,0'8!3F'Q3r!?=?N%,bG 'Gr!??'3
call()*+%,0!2Japply()a30F;n!<? '3Q-9 r!?=?N%/
-?%/E=$2XG[F!/n!<?(apply()]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myObject = {};
var myFunction = function(param1, param2) {
thisQmyObject;'<b<+G
qapply()
this.foo = param1;
this.bar = param2;
// .*: Object {foo = 'foo', bar = 'bar'}
157
"AS?'?( o !/-Q3thisJavaScript
console.log(this);
};
'9c{;BO'<<+thisQmyObject
myFunction.apply(myObject, ['foo', 'bar']);
// .*: Object {foo = 'foo', bar = 'bar'}
console.log(myObject);
</script></body></html>
TSN%'g%X'"6!A%W2%/L=$21!01!.?.3W2L%(3
!.JavaScript'?this'n!Afunction scope
'n,JEHthis: L
)-.>P #
.@I:XI
JE8
"AS?'?(*+%,!F' %/N!0new'?this'$!'-9
-!%$W2!00(?'$!' H924!F Y M
V0N%,%B\!('+/$GVN !./3$
*+%,!FB\!(this"AS?'?('g%X'?>%%,'!SL6 E\!V$G-
this*+%,!F'?>BP%+X'Fcall()62apply()
'$!';n!<?‚ D
V0N0,Person*+%/%this%B\!G!)€
'$!'B`'+/$Y M
V0N!0 c‡!V$GPersonV%/this.nameAB\!(G
!.?,'8!9!.w6‚ D
V$N2Inameu,B4b9Y4'?Fname'G=?N?
158
"AS?'?( o !/-Q3thisJavaScript
'$!]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Person = function(name) {
thisU
E
*G
+]<5<_Q+
this.name = name || 'john doe';
}
';'<Q6
39<5<m2Person
var cody = new Person('Cody Lindley');
console.log(cody.name); // .*: 'Cody Lindley'
</script></body></html>
=W2H92T2this'$!'%/!0 Y M
V0N,IB\!( GVN
"AS?'?(*+%,!Fnew"AS?'?(*+%/$!2newI9Y%/this!.%?
'!.#MTNI•!/BPersonn!<Gx00 '!ScI1/\B\!(16
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Person = function(name) {
this.name = name || 'john doe';
159
"AS?'?( o !/-Q3thisJavaScript
}
^_9'99= *Dl78new
var cody = Person('Cody Lindley');
-'@w'9)Zundefined
6
U([f;=+B&
?@3m''9)window.name
// console.log(cody.name);
console.log(window.name); // .*: 'Cody Lindley'
</script></body></html>
'n,this-3=>I:XIprototype? #H
@-.]?2 #
-3R1
-?%/$!0this'8!+G'!wN?n6prototypeVN%/'$!'
,!F'QQ+'$!F' !0 =W2-0 '$!'B‚ D
V$N2IB\!(B'+/0G
Person()-!(,XGn8!$ 2n!]6 u,-!(e+V,%6
'Pw0/e+VqIwhatIsMyFullName'8!+GPerson.prototypeI
d0B!0\!(?5K%,Person"AS?'?(!0+%,06 'cI1this
!.!8!9!%!F6 YV0N?B\!('+/$G-QW2'B(?'
d0BB0\!O!V$G'?U)Y,Personcody6lisa'!y,WI6
160
"AS?'?( o !/-Q3thisJavaScript
whatIsMyFullName"AS?'?(%S%thisB\!('+/$Gn8
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Person = function(x){
if(x){this.fullName = x};
};
Person.prototype.whatIsMyFullName = function(){
thisU*G
9'$=QG
+
';'<Person()
return this.fullName;
}
var cody = new Person('cody lindley');
var lisa = new Person('lisa lindley');
'!Bd9'<<+whatIsMyFullName
L<$=?this'$=Qd‚“
console.log(cody.whatIsMyFullName(),lisa.whatIsMyFullName());
/*
'=+RAprototype"*<7Dp95 JO6
'F
@
'#$fullName'=+?@*ƒ; =@OprototypeK
'#$Z3D4hG*+fullNameQprototypeyK
161
"AS?'?( o !/-Q3thisJavaScript
K+I?@'y7|9
*/
Object.prototype.fullName = 'John Doe';
{+B]DdEF
9G
5
'#$WhG
fullName'$='F
5DQ
var john = new Person();
console.log(john.whatIsMyFullName()); // .*: 'John Doe'
</script></body></html>
"AS?'?(!0+%,!0=$21!01!1!.F!%,L%(3thisG!)€
B\!( 5' -9 !1!0g6!0!0\!(p/$prototypeB\!(L?WG6
'/,!.0tS%/!'8!9prototype
ABC.
EG!VN?B\!(%SbGthis[=N%/'0jN'8!9
'/,tSprototype'8!+B(WG!0!<I !./3$
fullName!.0tS%/B\!('+/$ 5
Person.prototype.fullNamey
Object.prototype.fullName
162
Z8:;<
=>^,JavaScript
7
X!A? F!/-Q3JavaScriptJavaScript
=>^,-A@JavaScript
n!A?JavaScriptX!A?Bd$2'yryL!0163VEI=30NI•!/1
*!n!A?global scopeS?n!A?6 local scope'n!A?F!$!]2EG!VN6
function scopen!A6eval
*+%,!F'=N?3VW(var16S?n!A?B?g` 54' M-9
B?g 5?3VLb!?Fu'L'A%'FG '\
2B!.Gn8B(?*!n!A?'=N?>%?!2 !.9 'V%n6 'j2
n!A?'/,'$2!.$:W!(scope chain
>%?B7Q-=W2.3W2BY6Bj?%F';3Ve j
S3fooE
'BP%+E!A=W:E%8Q9]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = 0; // LR_9
console.log(foo); // .*s
var myFunction = function() {
var foo = 1; // ?9R_9
console.log(foo); // .*r
164
X!A? F!/-Q3JavaScriptJavaScript
var myNestedFunction = function() {
var foo = 2; // ?9R_9
console.log(foo); // .*‘
}();
}();
'<R_eval()
eval('var foo = 3; console.log(foo);');
</script></body></html>
,!F>%-=W2.3W26wBfoo.0]6-=W:'3%+'?%S
4-Q30 4P%+ 4n!A `
v=N
ABC.
'6n6X!A?BEQ]X O!V$GB(?evalL!01!?0F
'ZFB`*+%/N]6*!n!AJavaScript
n!A?'/, 'S 9^1*!n!A?
',=(N4I30 N
X!An6B?g 5?n6‚ D
V0N stacked
execution scopes!.=$2!.wF'?o !(?G !!VN6
n!A?'/,scope chain
=>%^,.^JavaScript
-< '0?F!%=W:`'% `
X!A5Xif-< (%!]6 for‚D
V0NX
165
X!A? F!/-Q3JavaScriptJavaScript
!%
X!Ablock scopex0B2 >%?•'F!%( !NW2B(?I!.F! 8!9
>%?'?P !N,b!?.3L=$2=Y6';3Vfoo3VI30O!0y2n!<
]
<!DOCTYPE html><html lang="en"><body><script>
var foo = 1; // foo = 1
if (true) {
foo = 2; // foo = 2
for(var i = 3; i <= 5; i++) {
foo = i; // foo = 3,4,5
console.log(foo); // .*: 3,4,5
}
}
</script></body></html>
'?>%bGfoo=W:3VI30O!0y2JavaScriptL!01!?$G6!%
X!AL?X
'`F!`n!A6 '`F! S`n!A6`*!`n!A eval
JEHvarbI< F-Y; :XI
^,-JI;
vTN%,JavaScript!./X>%'j2varB'/,62' 5?L%]
166
X!A? F!/-Q3JavaScriptJavaScript
E=$2ˆ]X6';3VGx$ D
[2 S?n!A?B
XF*!n!A?!.$2 n6
*+%,W6 var>%?B7Q%barn!A?a6*!n!A?v=N%,'?Wh
g%X!.3W!( S? ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = function() {
var boo = function() {
9= var
bar?@LR_9?@`+window.bar
bar = 2;
}();
}();
.*‘>9JIObarLR_9?@
3m
console.log(bar);
€”)*QpqB
var foo = function() {
var boo = function() {
var doo = 2;
}();
}();
167
X!A? F!/-Q3JavaScriptJavaScript
.*undefinedEFJIOdoo'<R_?@booU([•<+BO
// console.log(doo);
</script></body></html>
*+%,LE=$21!01(3varI16n6-9 >%?P0!?\
!01!cI. `O!0<%,L!01 X!A?%'(DFN6jSN-!V-!%LNT0A,
?' -9 B*!n!A?!8!+nTN62‚ D
V0NW2
,8H
tS!0KS%tS!?B`'/,L!01JavaScript4'4'?B
n!A?'(1'0'//cI1 >%?F hierarchy of scope';3V3
'?~Y,sayHiText'n!A-9 Bfunc2]n!<
<!DOCTYPE html><html lang="en"><body><script>
var sayHiText = 'howdy';
var func1 = function() {
var func2 = function() {
R_?@func2
QdT +sayHiTextLR_9?@
console.log(sayHiText);
}();
168
X!A? F!/-Q3JavaScriptJavaScript
}();
</script></body></html>
'?<B(?PsayHiText'n!A 5B(WGfunc2l
tS%,JavaScript'
X62func2?/?>%?BsayHiTextE<B6
R: 'tS%,yB6L!01 parent function!?/?func1<B6
>%?sayHiText'n!Afunc1-?(%,I!
w2JavaScriptG-Q%!.<SF
<%,t]*!n!A?sayHiText>%?'?-QS%,!106sayHiTextJ
>%?B(WG6sayHiText'? !G%/*!n!A?!undefinedB
-DJavaScript
Kry!.~0,%H9243)Gx00J*.3?I1%/W25.?B
'3%+X!A'yryB]n!<
<!DOCTYPE html><html lang="en"><body><script>
var x = 10;
var foo = function() {
var y = 20;
var bar = function() {
var z = 30;
>9zJ>9BO?yBxE
TG
+
R_9'=+?@9
169
X!A? F!/-Q3JavaScriptJavaScript
console.log(z + y + x);
}();
};
foo(); // .*: 60
</script></body></html>
>%?'?z''S`'?1bar'O!%,n!Aa3$16
console.log'?!2y'n!A.foo' R: '1% bar()
'?6x'-9 Bn8`']!%>%?L?56 *!n!A? 5bar
'I?>%?=W2.3W26wB n!A?'/,bartS%,
!.?nQSn!A?'/,!.0
ABC.
n!A?'/,=W2A%/!: M
(WGscope chainP%+X
'/,B<prototypeprototype chain4'sB`!!?1r6
!(16!?x0 =SNB!24'?BtS
! V_ #
) 6,8H#H
E?,';3V>%L!01x'EI=30N%,In!A?a3$` 5
console.log>%? 'S? '?-M?%/N%,6 xS?'?=W2%z6
2 ,Xa3$!.%>%?!!0w62>623+%,xn!A?'/,
170
X!A? F!/-Q3JavaScriptJavaScript
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var x = false;
var foo = function() {
var x = false;
bar = function() {
var x = true;
/*
?9>9xO'==?@SE
TG
+>RBD
n
R_?@ +8N9?">9ZwQ?(>G
+
[\
*/
console.log(x);
}();
}
foo(); // .*: true
</script></body></html>
!.M<N'$R20P%,n!A?'/,>%?4'?BtS =W2I
'//F2 4!S,Xa30F`>%MD
56%]>%?'?
171
X!A? F!/-Q3JavaScriptJavaScript
!3H2m (2o6,IP#H
Gn6?E/3$#B(?6n6 =SN'jS `
X!AL!01#$!!j?
B!1>!.wFJavaScriptcI1n!A?'/,3VL=W2!0wFBx!?F
'W!(O!0Fn!A?'/, =SN 5`-.,E0(5``21'!S
!
w2I1?/6 !.\!%,0a6!.3O!0y2 lexical scoping
=W::I.F!T(
3)<EFW6<%}!+):'f2JavaScript
'>F! O!V$G!00(?Lb/F6J'O!%,-n!A?'/,Y M
V0N%,
closures*!n!A?G!.'V%N' N' O!V$G!00(?n!<?-,
R:'n!AG n!A?'/, n8B'V%?'B(?%%,!%!F6
';n!<?vTN0,parentFunctionyB6'.A' N%
-9 56'=N'.A?'=W:6 *!n!A? !N?'%/0,
parentFunctionn!AG
X86L?#"!?parentFunctionI16!.\!%,0
'>?'AF!%!F E?/$! closures ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var parentFunction = function() {
var foo = 'foo';
'_'33
return function() {
console.log(foo); // .*: 'foo'
172
X!A? F!/-Q3JavaScriptJavaScript
}
}
>9nastedFunction'<QG
5
3G
9';9parentFunction
var nestedFunction = parentFunction();
.*foo3G
9'<JIO
QR#9+fooR_9'=+;
nestedFunction();
</script></body></html>
!!?3V#MD%N!?2 P%O!0y2 =SNn!A?'/,=W2!01.3W2L
n!A?'/,!Z)j>NBLF'8!+3V-9 !.wFGn6?6
,8H!HF
=
/%B6-Q3I1!.tS'36n!A?'/,BEM%?!-L01IFg
'>?F!%.Lclosures,!F' ;n!<?‚ D
V$NY,countUpFromZero
n!AG
X86L?%/'V%?'%/N!0!.0?g 5' NN'cI16
n!A?'/,/FR:']n!<
<!DOCTYPE html><html lang="en"><body><script>
173
X!A? F!/-Q3JavaScriptJavaScript
var countUpFromZero = function() {
var count = 0;
<+<*';9'<<G
countUpFromZero
return function() {
>9count•I'<?@WEF
G
return ++count;
};
}(); // ';9'<3G
+BO6
‚;Q<=G
+
console.log(countUpFromZero()); // .*: 1
console.log(countUpFromZero()); // .*: 2
console.log(countUpFromZero()); // .*: 3
</script></body></html>
'!.%/N-countUpFromZero 5?'.A?'L?%/
' B !N?6 countUpFromZero%'0%cI16 R:'n!AG
X86
[> 4
AF4B`n!<1n!A?'/,-?'s?%closure
174
X!A? F!/-Q3JavaScriptJavaScript
ABC.
Lb `Q#$Y*"rB<2'>?F!%u T
/F20$2 M
#//]2WG
7SQ.3p,1.?=W2%20$:QBI1 N
#00(
•!,Y'6gfn9a6X!A?6n6
x0!FLSQ$Y'>?F!%B 4
Q34U)G M
#A%]WG I30%
'!GJavaScript Closures
175
-._:;<
0Xprototype
8
'8!9 B!<-Q3prototypen6'F!%JavaScript
8H-A@prototype
'8!+prototypeB`YV0N`B\!1JavaScriptB\!(B4'+/$-(Function()
"AS?'?(*+%,!FY M
V0N?!0\!(p/$BFuF!.$h'!0%>FbG6newG
n6 'y662 '!V?F!0\!(U!?/1Lb-O6/6 !.YV$2%'$!'
D'?BtSO!0y2KS'!V?=W2:!126 .0F'%V?'\!V!8!+6
B=I !4'8!9n6:-Q3'8!9G!.n8n6!S62tS-E=$2
'/,tS-?(%/!.M<NWhB\!(!8!9!.0tS%/B\!
prototype
ABC.
B\!(Y M
V0Nprototypeprototype object
M
#0bG!j?x0z>F' -(
X*2'$!F''*+%,
'$!'B'3Q;n!<?‚ D
V$NY,Array()'%,Y,yjoin()
n!<]
<!DOCTYPE html><html lang="en"><body><script>
var myArray = new Array('foo', 'bar');
console.log(myArray.join()); // .*: 'foo,bar'
</script></body></html>
177
'8!9 B!<-Q3prototypen6'F!%JavaScript
'join()B\!('+/$'8!+'=NfmyArrayn8B!00(?!00(
!4W!(?F'=N'cI1=W2_?B B\!(qI'F!6'=N#$!!?!4'F!.G
'8!+'F!'8!+'=N1!0/]lB2B(prototype'$!'Array()W:6
'>JavaScript'Ajoin()B\!(B?gmyArraytS%/JavaScript'/,
prototype,!F4' Bjoin()
!G'F!6O!3(1S/l'cI.FLI!0O6/!!0/]
'$!'Bc‡!V$G'3Q-T<?NB\!-Ab!? *+%,XArray()W2
' vTNjoin()'=W2B]EF'8!9join()L?5-y!?%-(VF-?%,
' a30F!3Q??5q!V%W20?Bl!0\!(join()O!V$GG'5!SW6
'3Q-T<?NB\!-('B'+/$
'8!9-w3F!.0!0yS%O!3([SB!00(?prototypeuF6prototype2
prototype linkage'/,tS6prototype'y!8Q9-Q3I1UV0,6
B\!(Bprototype'^I%F2W2L-w:BB( !.3YXMBD?!! !T/N%
'/,-?prototypeG5n6:-Q3S'3BIG M
#A%]bG
!8!+
0E!@O62&prototype"
'8!+F%.$W2!0prototypeR!,2'F:
178
'8!9 B!<-Q3prototypen6'F!%JavaScript
.()*
'8!9=W21,n62prototypeo!,2 5?'$!n6-DB'?%/N
r< '> Object()6Array()6Function()LBYV0N?!0\!(U!?/ pG
!.+%/%';16
X6 6 4!8!9KW2'$!n6JavaScriptU!?/!./3$
'8!9Bn66!8!+KWYF!0\!(prototype.3W2 M
2bG '$!'
JavaScript-?%/P.3W2L!!!?.JavaScriptB\!(prototype
.+,)*
%'y!,2-?%/W2L0(?LDB'=N?'$!n6L\!V$G0
'>',!,:!0\!(!.?%/JavaScriptB !3%,X'3.3W2
X62LB(
'8!+prototype
.-)*
B\!(B'ySX!?FprototypeB(!0\!('y6B9^!
?$- T
w3N62
'y*+%/I9^ `„!.%3)62nTNW2*!:]2w!6
B\!(prototype'y-?'ŒF!
SW(W2LLbKS!06J<
B\!(prototype
'$!F
X6 W6_V0N!0B\!(I.B?n!?%,'3G'!g&!F
.F'8!9
..$)*
B\!('y*+%,0prototypeq!V%%!0\!O!V$GBB(?%%/
179
'8!9 B!<-Q3prototypen6'F!%JavaScript
'B`YV0 `
p/$1% !3Q??5|!%SX!F!, N
b!?6 n6a30F
'$!Array()' vTNW2join()' *+%,%/p/0?A!.F'8!9
join()'/, 5'=W:!./3$prototype
0Eprototype Z=>'I.
'$!'1n6?5YV0Function()'$!'%/%]6
Function()
r< )! var add = new Function('x', 'y',
'return x + y');
r< Q%+?-(V M
#+%,6 var add = function
(x, y) {return x + y};
'8!9!?\ %/' O!V$G0prototypen!<?vTN0, †!`B\!1%6
,!F' ;myFunction'8!+Gn8n6!S0,yprototype
`B\!1%6
`†!]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myFunction = function() {};
console.log(myFunction.prototype); // .*: object{}
console.log(typeof myFunction.prototype); // .*: 'object'
</script></body></html>
'8!9=W2!!?.3L=$2=Yprototype'$!'BYFunction()B
180
'8!9 B!<-Q3prototypen6'F!%JavaScript
'8!+*M+%/Nprototypej>XI1B('$!Fn6!1!0+%,bGXG!06
'$!'O!G']Function()M'8!+!.0Y M
V0NB\!-prototype
0Eprototype-3%=e>^Object()
'8!9B!0<] =W2 N2prototype'8!9']B( 6
ry782
prototypeE?,`†!`B\!1prototypeEZ D
V0NJavaScript0cT6a(O6
'$!'O!%,Function()4O)I30L0(?!6'?ANW2 M
2bG
!?F4E)]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myFunction = function() {};
'#$'@prototype†d@n
2Q9c{;B
myFunction.prototype = {};
†d@
2.*
console.log(myFunction.prototype);
</script></body></html>
E%!?F!.)2-316!!?'?,'F!/3VJavaScript
ABC.
'8!+'?uMwNW2B(?prototypeB\!2 '?'j2G
'>%JavaScript-1!A%%,JavaScript!8!9'j2
prototype'j624'?G!.%?`'sw
181
'8!9 B!<-Q3prototypen6'F!%JavaScript
0E W
f.@-.'] V
?2 #
N82prototype
@
'8!+=W2 `7S8prototype'/,=WYF!.%8Q9!.B(B\! A1prototype
'8!+GB\!'+/$-uFprototype#62E=$20I16 '$!''F!%
"AS?'?(*+%,!F'$!'B `B\!EY M
V0NnewO%]XB\!Y M
V0N!062
'8!96YV0N?B\!('+/$BF`39 `
uFv!wN/ '62'?prototype'!F'8!+
E=$2B\!('+/$-9 uFI1vMNJ!.\!V$&#MD+%,N%'$!
‹‹proto‹‹N
uFMJavaScript'8!+F!0\!(prototype'O!%,O!0y2'3+
'/,W(WYF7?/I1uFI16'$!prototype
'/,
'8!+G'8!9;n!<?Pw0,prototype'$!''F!%Array()
d0B4B\!B!.Gn8BB(?%0,%6Array()'8!9‹‹proto‹‹
B\!('+/$ 5?]n!<
<!DOCTYPE html><html lang="en"><body><script>
",9?@{)@9+Z
QR# <?__proto__
Array.prototype.foo = 'foo';
var myArray = new Array();
.*fooJIOmyArray.__proto__ = Array.prototype
182
'8!9 B!<-Q3prototypen6'F!%JavaScript
console.log(myArray.__proto__.foo);
</script></body></html>
'8!+Gn8'$!(G#$!!j?6‹‹proto‹‹!BO@5#/ECMA-
B( o !/8&G#M3g2ECMAScripto !/8&
X?)<2`'sL!0.
B\!GuFnQSprototype'8!+*+%,Lb6EF}!+
constructor;n!<?7 =
g1!I16 ]n!<
<!DOCTYPE html><html lang="en"><body><script>
"*2o=`9mArray()'#$•+foo
Array.prototype.foo = 'foo';
var myArray = new Array();
'#$`GF
;E
E
fooL<$+;'')5(%
*.constructor.prototype
// .*: foo
console.log(myArray.constructor.prototype.foo);
'=+3+8–<2U%–**95BDprototype
console.log(myArray.foo) // .*: foo
'=+L<$=*+prototype?@'#$QdT
Array.prototype.foo
183
'8!9 B!<-Q3prototypen6'F!%JavaScript
</script></body></html>
'8!+fooB\!B?g 5'F!/3Vprototype
=W2qDNW2L
'8!+Gn8food0BB\!('+/$BFuF 5!0(?782Array()BF6
B\!prototype'$!'F!%Array()2 Array.prototype!Q%9!F
myArray.__proto___62 myArray.constructor.prototypeGVN
Array.prototype
8H=>.Xiprototype=Object.prototype
'8!+#$!!j?prototype'/,'S9^Wh 4B\!B!prototype1
Object.prototypeB\!(';3V‚ D
V0N0,myArrayJ`'f!`'3Q1I6
B\!(4'8!9Gn8n6!S0,ymyArraytSG _!?F'f!.0(
'/,!.0prototype'8!+BtS2,fooB\!(myArray!1 56*6
'8!+BtS?%//EArray.prototype%/!
w2E!1 56*6
16X2W!(9^tSObject.prototype'8!+P*6foo!0\!(
'? !N%/'F!/'yr<undefined]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = [];
console.log(myArray.foo) // .*: undefined
184
'8!9 B!<-Q3prototypen6'F!%JavaScript
/*
'#$'9cQE
TG
5 foo?@myArray.fooBD
Array.prototype.fooBDObject.prototype.foo9cEFJi@O
?undefinedK
*/
</script></body></html>
0Pj'//tS =W2ˆ]XObject.prototype
B\!(Gv!wNO)2 E%$Object.prototype'].x,
for in
8Hprototype88=>! V_ #
0X 6#H
'/,Whn!A?'/,!?prototype'/,!1A'?n62*+%/%,
tS
B0\!(G'8!+a3$!03g26[F!/n!<?3)!0=Object.prototype
6Array.prototype'8!+'?Gn8n6!S$!0food$B4B\!
Array()B\! 5?'? !N%/Array.prototype]n!<
<!DOCTYPE html><html lang="en"><body><script>
185
'8!9 B!<-Q3prototypen6'F!%JavaScript
Object.prototype.foo = 'object-foo';
Array.prototype.foo = 'array-foo';
var myArray = [];
.*array-foo?@3m9Array.prototype.foo
console.log(myArray.foo);
myArray.foo = 'bar';
.*bar?@3m9myArray.foo
console.log(myArray.foo);
</script></body></html>
'?>N%,'F!/3Vfoo 5?Array.prototype.foo
'?foo 5?Object.prototype.foo'//tS'? =W2=I
,Xa3$!.`'8!9L!01#$!6%]'//!4'?M<N!0.%0%,
'//F2 4'S
0X:prototypegBR1bIpH \
\
-3%-e
0Xconstructore>^
'8!+'g%X'?n%,B(??BprototypeJ!.$!(5'?g66
'8!+vI]G _,Lb-=B(constructorB\! 5?prototype
186
'8!9 B!<-Q3prototypen6'F!%JavaScript
!6LbF!. =]bGXG 8:
'$!'';3V!$YV$2Foo'8!+'?!f!!0\!!0g6y
prototype'8!9-9K6]B!0SyconstructorGVN#S82
Object ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Foo = function Foo(){};
'#[?@†d@2`Bprototype
Foo.prototype = {};
var FooInstance = new Foo();
.*false'm9}=2~*IO
console.log(FooInstance.constructor === Foo);
.*Object()NBOFoo()
console.log(FooInstance.constructor);
@•X
F
$ ?'z%;+Jdc
'#$'9cprototype
var Bar = function Bar(){};
var BarInstance = new Bar();
187
'8!9 B!<-Q3prototypen6'F!%JavaScript
console.log(BarInstance.constructor === Bar); // .*: true
console.log(BarInstance.constructor); // .*: Bar()
</script></body></html>
'8!9'?-0 M
#0bGprototype{!?$2zF`\!)I16 'g%X
E5%'0\!'A?Q%OOPJavaScript'>B'sw?JavaScriptA
'8!9uFNW2Lconstructor3Vj>N0, '$!'GVN%
'8!+VN('F!/constructor'SSQ'$!'GH92]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Foo = function Foo(){};
Foo.prototype = {constructor:Foo};
var FooInstance = new Foo();
console.log(FooInstance.constructor === Foo); // .*: true
console.log(FooInstance.constructor); // .*: Foo()
</script></body></html>
188
'8!9 B!<-Q3prototypen6'F!%JavaScript
-.0Xj=23prototypeR D
. I:;H
jB6
'8!+prototype'?K]2-QS%,!0\!(p/$?5 =W2'(!0
'';3V‚ D
V0N0, !.G4'? !0,G62!1>62!.3W!(Bx0z>F
'$!Foo'8!+Pw0,yxB\!GprototypeB'+/$‚ D
V0N0,yFoo(),!F
FooInstance'?~0,yx'?KTSN0,yxB\!( 5?prototypey
B\! 5'?K]2Gn8%/B\!( =W2A0,6H92!.g0,
prototype]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Foo = function Foo(){};
Foo.prototype.x = 1;
var FooInstance = new Foo();
// .*r
console.log(FooInstance.x);
Foo.prototype.x = 2;
.*‘6
)'9)b!<42l78O
189
'8!9 B!<-Q3prototypen6'F!%JavaScript
console.log(FooInstance.x);
</script></body></html>
-?,6 >%?BtS'/,-?PL$:LZ5!3NBq/I1=W2B…2
B\!(-?%/ M
#0bG!j?x0z>F!
SS8
r?[,!prototypeL=$2*28:
B\!('?nTFY, E0!
gLF! 8!9!0\! M
#+%,6E%%,prototype'g%X
(3cI1UV;n!<?]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Foo = function Foo(){};
// %=RT9?@92.*Ny+
Foo.prototype = {x:1};
var FooInstance = new Foo();
// .*r
console.log(FooInstance.x);
Foo.prototype.x = 2;
.*‘6
)'9)b!<42l78O
console.log(FooInstance.x);
190
'8!9 B!<-Q3prototypen6'F!%JavaScript
</script></body></html>
)FprototypecR1bIp- \
-3%R1
D
H'] V
?2 #
N82
'8!9n%,%/L=$2Bx!?Fprototypep/$?5K=SN%,6#6j2!‹
'?Fu%/ 4B\!B'+/$‚ D
V0N!0 !
SS8aI1B(!0\!(prototype
'8!+'?B
XF5B\!g6 B\!('Z.O!0y2 5?prototypeB'8:
'8!9'?BF6B\!(B!/Y M
V0N?p/0BF{!XKTSNprototypeA
B\!(G!8!+'!gG62tS%/L=$2 !F!, N
b!? =IB( prototype
B\!(B!/YV0N?p/0G']!%6 'Q% L%,68: ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Foo = function Foo(){};
Foo.prototype.x = 1;
var FooInstance = new Foo();
.*r`c<c92O
console.log(FooInstance.x);
191
'8!9 B!<-Q3prototypen6'F!%JavaScript
'9cR<;+JzRB*prototype
2`BBObject()S* 6
8<%<5<m
Foo.prototype = {x:2};
.*r'9)aE
G
JDf_58DgxqO‘x
•X
F
<G Dprototypexc*
console.log(FooInstance.x);
/*
+FooInstance2Qprototype*!D6
3mJ2]
KSP
*/
';'<<5<m2Foo()
var NewFooInstance = new Foo();
'9cQ<5<_'$=*{;JDf_5
prototype]D-<5<_{x:2};&
console.log(NewFooInstance.x); // .*: 2
</script></body></html>
B\!(n%,*L=W2!01(3prototype2W2FE$!(5B\!g66
D
!0\!(FuMFN4p/$ 56G _,LIL6 !0\!(O!V$hFprototype4'3%+
192
'8!9 B!<-Q3prototypen6'F!%JavaScript
o/JEHJE8-.>P #
@ -
-3-.prototypeHH9@ =>%
3%/P M
#?.-Q3I1B']?cI1W(W2-22JavaScriptB!./3$
'8!+prototype
r< 'y Array.prototype'a3$*+%,B(?
n!<?!S0, *+%/?B'=N2 '>o!,2'0j?wNf'$!Fn6 O!V$&
E+%/Iu?0;JavaScriptB\!'yPersonNEN3MY$I]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Person = function() {};
o=`9mPerson"#$•+legsBarmsBcountLimbs
Person.prototype.legs = 2;
Person.prototype.arms = 2;
Person.prototype.countLimbs = function() {return this.legs +
this.arms;};
var chuck = new Person();
console.log(chuck.countLimbs()); // .*: 4
</script></body></html>
'$!'[F!/n!<?'F!$YV$2Person()G!8!+zF!03g2y
193
'8!9 B!<-Q3prototypen6'F!%JavaScript
'8!+prototype'$!''F!%Person()I !0\!(?5!.y%,%6
'/,*+%,B's!/F-(FB(?%%,prototype!.?%/%'a30FJavaScript
'>'0=?wN? ',!,:!0\!('y!.
!0\!(!.K%'$!F' O!V$G1I1BL !3%,'3B'?'<:]2
B%8!+!.0YV0N?legs6arms#MD
,N2WG;n!<?3 BM!?=?NWG
'$!'Gr!?Person()-M
,NbG!2B\!('F!!8!+*M+%/N%/
'$!'MTNWG B\!('F!%!8!+ !?.0`-FL!0.!?1r62!?1]2
B%!-w2-QS%,I.F6'y6?!8!+>%,]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Person = function(legs, arms) {
?@3m9 )Q'(>prototype
if (legs !== undefined) {this.legs = legs;}
if (arms !== undefined) {this.arms = arms;}
};
Person.prototype.legs = 2;
Person.prototype.arms = 2;
Person.prototype.countLimbs = function() {return this.legs +
this.arms;};
var chuck = new Person(0, 0);
194
'8!9 B!<-Q3prototypen6'F!%JavaScript
console.log(chuck.countLimbs()); // .*: 0
</script></body></html>
o/ :HCH(?@1
B\!(B'yB~>prototype'y6-,r, 5FU!?/1inheritance
chains'0\!'A1!3[TN%'A!> 5?'y{!?$2!SN%
E5% object oriented programming9^ 4B\!B!0\!(]2K( '%
JavaScript4'?c !0,G6E0'yIB\!(B'+/$O!V$G1EL!-(
'8!+prototype!8!+LKW2!1%!0\!(‚ D
V0N%'
!0\!K%,';3VChef'+/02 codyB!8!+Person()I16
B\!(!4'8!9M<NE=$20ChefB\!!.0t MSN/prototype'
!0\!‚ D
V0N%Person()B'+/$‚T.NW2L'y'?uF(6Person()
'8!9G'?!10/N6Chef.prototype 2 Chef.prototype =
new Person(); ]n!<
<!DOCTYPE html><html lang="en"><body><script>
var Person = function(){this.bar = 'bar'};
195
'8!9 B!<-Q3prototypen6'F!%JavaScript
Person.prototype.foo = 'foo';
var Chef = function(){this.goo = 'goo'};
Chef.prototype = new Person();
var cody = new Chef();
console.log(cody.foo); // .*: 'foo'
console.log(cody.goo); // .*: 'goo'
console.log(cody.bar); // .*: 'bar'
</script></body></html>
'>'0?wN?!0\!(E?%/I*!x0*+%,1[F!/n!<?c!0!-
=W2%Person()'?BP%+XObject()'8!+'g%Xprototype4!F
'8!+tS!0SKS!1I1H92prototype!.%?%S%
M'?'f!3'g%XObject()'8!9prototype2 !.YV$2%'$!'
Object.prototype!.yW2A%!8!+B
196
ZH:;<
-3 ><;Array()
9
B\!(6!3Q? ,!%-Q3Array()JavaScript
23%JEH-A@Array()
62 7!3!.W6~>F !Y M
V0N6B''?\!1'3Q?
o!.index!?A1!3Q?=W21EW2LI 38U!%3?B2
?f 4
%F'O!?,2!.!8!9!0\!(%S!?0F! '?
O!?,2 N
!0\!(*D+% M
/!?0F'?BtS!3Q?*!:*M+%/N,!,24-(VF
L?X !8!+*+%/?B'=NJavaScript'F 4!3Q!x$associative
arrays'F%!3Q?'3…6a30F*!!0\!(*+%/NW2B(?B(
'3Q?'Q$-,r,F2;n!<?WT@9NY,myArrayBB(?Y,%6
? 4
o.!.Gn8numeric index
'F'3Q!S 4B\!(FLbW!Y,6
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = ['blue', 'green', 'orange', 'red'];
.*blueC*<$+<%OsQR#
'@,?@',*'==myArray
console.log(myArray[0]);
2`c?@?BO
'(%
'@,
var myObject = {
'blue': 'blue',
198
B\!(6!3Q? ,!%-Q3Array()JavaScript
'green': 'green',
'orange': 'orange',
'red': 'red'
};
console.log(myObject['blue']); // .*: blue
</script></body></html>
ABC.
LvI]62tSB(?6B4d$=2%SW2!3Q?B(?
#6j2
d0B!3Q?Array()B\!(B `
}!9`d$1Object()2
BYV0N?p/0=W2Array()!0\!1Object()
`
v!wN
r< '!g&n6zF!.G .length?o.3G'!g&!F
!.B=?wN?
8!0!F '3Q 5? !!VN elements
@C..Array()
`nQ3r!?'$!'G!1O!V$G%'3Q?'+/$T?NW2L0(?
r< '8!3F!.0F new Array('foo', 'bar');'$!'-%/W2B(?
Array()c!!
,6
199
B\!(6!3Q? ,!%-Q3Array()JavaScript
'$!'G`]6`-!TNWGB(Array()
r< '?-!?I1'?#$!6 r
62r‘•62rKs'8!+ &-!?qb'?*M+%/N%/lengthB6'3Q?
'3Q?-9 5'?*M+%/N]n!<
<!DOCTYPE html><html lang="en"><body><script>
var foo = new Array(1, 2, 3);
var bar = new Array(100);
console.log(foo[0], foo[2]); // .*: '1 3'
console.log(bar[0], bar.length); // .*: 'undefined 100'
</script></body></html>
=>'I 0EArray()
B\!(L?Array()!.y%n66!8!+O!0<%,!F ';!8!+
•
r< !8!+ Array.prototype
◦prototype
`@-.23=>'I 0EArray()
d0b!0\!(L?Array()n66!8!+O!0<%,!F ';n66!8!+
!.y%
200
B\!(6!3Q? ,!%-Q3Array()JavaScript
•
r< !8!+ var myArray = ['foo', 'bar']; myArray.length;
◦constructor
◦index
◦input
◦length
•
r< n6 var myArray = ['foo']; myArray.pop();
◦pop()
◦push()
◦reverse()
◦shift()
◦sort()
◦splice()
◦unshift()
◦concat()
◦join()
◦slice()
><;(?@1
!0\!('fYJavaScript-!?*+%,!F5'3QB\!O!V$GB(?new
'$!'G'!g&!FArray()Q%+?-(Vn!?%,62
'3Q?;n!<?‚ D
V$NY,myArray1'$!'*+%,!F!/'=N
201
B\!(6!3Q? ,!%-Q3Array()JavaScript
Array()'3Q?‚ D
V$NY,yB6myArray2Q%+?-(V]n!<
<!DOCTYPE html><html lang="en"><body><script>
';'<;'@,Array()
var myArray1 = new Array('blue', 'green', 'orange', 'red');
// .*: ["blue", "green", "orange", "red"]
console.log(myArray1);
,$9;'@,
var myArray2 = ['blue', 'green', 'orange', 'red'];
// .*: ["blue", "green", "orange", "red"]
console.log(myArray2);
</script></body></html>
!Q%+?-(VI1=W2v$W2!0B(Q%+?-(V'P\!VB
'$!'n!?%,X `
O!39GXG1Array()
ABC.
Q%+?-(V1EG|!%S%,!-!?
'=N'?'j2!.GTWh'3Q?O!V$G'sBx0z>F
'j2%SB's!/F!.0(6Y M
V0N%/!/
202
B\!(6!3Q? ,!%-Q3Array()JavaScript
><;=>c >e1
N
b'?;n!<?PwN0, o.2'3QG!4'?'!gGB(?
?o.30s[/%o!.3Bb!B( 'f!4'3QG0s!?!0/]l
WGB( #6j26o.j2'3QG'?'!gG%/L=$2-I0L92
?o.3G'? M
#3g20sM
m?%/'f!4'3QJavaScripto!.3?5
Fo.3qb-'"rundefined]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = [];
myArray[50] = 'blue';
.*0r&, ),7D<;+-
EFJIJS )"UDsQ0s'9);cblue
console.log(myArray.length);
</script></body></html>
'>'(!0'I9YF6 LbG'!gGJavaScript'>=W26JavaScript
`'1!/%`'>
!$!d$2 not strongly typedB(?6 4#6j24'3Q`'?K=SNW2B(?
M'?;n!<?NjfY, 4']?/4'?M'j2! 4
o.N 5?N'?W(W2
?o.3M 5?0s4B\!G]n!<
203
B\!(6!3Q? ,!%-Q3Array()JavaScript
<!DOCTYPE html><html lang="en"><body><script>
var myArray = [];
myArray[50] = 'blue';
12Q'F
,'=+1>Object()
myArray[50] = {'color': 'blue'};
console.log(myArray[50]); // .*: 'Object {color="blue"}'
QR#9*+O'%9Cc—*<$+;
'#$Q !O'@,9?@C@color
console.log(myArray[50]['color']); // .*: 'blue'
// '#$QR#'()*L<$+
console.log(myArray[50].color); // .*: 'blue'
</script></body></html>
><;f G/!<
W=@+NW2B(?4'$!9nj62=W20I163QB OF!1D8!0M'3Q'j22
EF!V'3Q?!.!$!myArrray[0]
'3Q N
YV$2bG
rI1L(F6
1'?o.Wh`]6`'?!.s ns B( length1'3Q?r.3W2L
B2'3Q??o.3!?0F!. 5? -T<?N'3Q?ns=W2
s
204
B\!(6!3Q? ,!%-Q3Array()JavaScript
'?H%S%,blue'3Q? ;n!<? myArray?o.3s
1 !.s Wh4]64'?%S'3Q?#$!!j?B( r]n!<
<!DOCTYPE html><html lang="en"><body><script>
Cs',*'9)Q]5'blue'
var myArray = ['blue'];
console.log(myArray[0]); // .*: 'blue'
console.log(myArray.length); // .*: 1
</script></body></html>
0X&><;.(?@1lengthD
8. P
> #
.
'G]6?-!?0!F!, N
b!?Array()nsP!00(?
O!0<%,N'$!N'NDQN%,'!ScI16 !.%S%,% 2 !/'3Q?
!.\!V$G0'3Q?m?W2X6'3Q?nsugL=$2~%36
'3Q? ;!0!< ‚j.N0, myArrayc4nFnsuw$!0$2T2
lengtho.3W=@+N%'?!.GT?N$X6'3Q?s]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = new Array(3);
.*•6
<7B6
9cd6
|dX
F
*IO
205
B\!(6!3Q? ,!%-Q3Array()JavaScript
console.log(myArray.length);
console.log(myArray[0]); // .*: undefined
</script></body></html>
ABC.
?o.-O!GG'3Q?!/v=Nns _,
1EF''? =SN?n%]3QB OF undefined
'?%S'3QO!V$GB(??BW!bG!?L0FnO!/%!?F
2 Q%+?-(V*+%,!FLbL0(?$ ]6'? var
myArray = [4]
0XdelengthgB 6>e1R1bIp)
'8!9lengthns nQS*M+%/NW2B(?'3QB\!( 5?
5? B2GnugWhcr2!0Sg6!?6 Eg62'3Q?
'!gGG _,'3Q?undefined%/L=$21E%X!B( !.G
5? B-2 Gn'?ug'3Q?B'"G
'3Q?]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = ['blue', 'green', 'orange', 'red'];
206
B\!(6!3Q? ,!%-Q3Array()JavaScript
console.log(myArray.length); // .*: 4
myArray.length = 99;
.*˜˜CNBOR(*(;*D2O
console.log(myArray.length);
<7B< )`9m*@7
C%'(;9'9)WE
G
+1
myArray.length = 1;
console.log(myArray[1]); // .*: undefined
console.log(myArray); // .*: '["blue"]'
</script></body></html>
><;b6 SX6 \
><;.b=><;
I9'I.
'?'j2WT@ N
+W2'3Q?W!(hFW!!j?JavaScript%SW2!3Q?B(?
H9:!3Q?%S%'3Q??/N%/Lb-3$!06JH92!3Q
!F: %'3Q?!F multidimensional array'9!3Q?Gn8!00(?
%S% Q%+?-(V!F '3Q;n!<?‚ D
V0N0, 'F?o:
%S%4'3Q!16F%S%6H92'3Q‚ D
VN0N0,!.9 64'3Q
o.34'Q$4'?s]n!<
207
B\!(6!3Q? ,!%-Q3Array()JavaScript
<!DOCTYPE html><html lang="en"><body><script>
var myArray = [[[['4th dimension']]]];
console.log(myArray[0][0][0][0]); // .*: '4th dimension'
</script></body></html>
W2B(?!3Q? =W2!.0.3W2%/L0( '3+, 'F!/3V =W2 `7S8
62 'V%?!3Q?Bc 2-?%/W2L0(?6H92 4!3Q%S
!F:
D<X D..6><;02RO/
']*+%,1'3Q8!0W6'sd,26u/F2while
!.%!.$G'3Q?'FBW6'3;n!<?LY,]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = ['blue', 'green', 'orange', 'red'];
'@,9RM5A$
'#$QR#'5dBhw"8B9f*_?
var myArrayLength = myArray.length;
var counter = 0; // 3EF
<{;
208
B\!(6!3Q? ,!%-Q3Array()JavaScript
'@,9RM>#D3EF
<J2q?5*
while (counter < myArrayLength) {
// .*: 'blue', 'green', 'orange', 'red'
console.log(myArray[counter]);
counter++; // '@r3EF
<Q
}
</script></body></html>
!.%FG'3Q?'!.$B6?!
w2!00(?6]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myArray = ['blue', 'green', 'orange', 'red'];
var myArrayLength = myArray.length;
,6
5B=R(5 q
6
<7BS*ˆ)DB')vX
F
*@
while (myArrayLength--) {
// .*: 'red', 'orange', 'green', 'blue'
console.log(myArray[myArrayLength]);
}
</script></body></html>
!]*+%,2b!?nO!/% M
#0bGfor!]=W21/!!01whileu/F2
209
5:;<
;2:HC8String()
10
'Q0-,r/ )!-Q3String()JavaScript
-3-A@String()
'$!'*M+%/NString()'6:'jQ0 !&6'jQ$!0\!O!V$&
'Q0-,r/O!V$G'3'!%3V7 T
g6Y,JavaScriptn!<]
<!DOCTYPE html><html lang="en"><body><script>
^_9'9L<$+%2new
';'<BString()
var stringObject = new String('foo');
// .*: foo {0 = 'f', 1 = 'o', 2 = 'o'}
console.log(stringObject);
console.log(typeof stringObject); // .*: 'object'
'F
BD'F
,'=+
';'<String()
6
‚;
^_9'9L<$+L<l78new
var stringObjectWithOutNewKeyword = String('foo');
console.log(stringObjectWithOutNewKeyword); // .*: 'foo'
// .*: 'string'
console.log(typeof stringObjectWithOutNewKeyword);
'F
BD'F
,'=+
&NdB';'<LE
<$=G
+-
212
'Q0-,r/ )!-Q3String()JavaScript
var stringLiteral = 'foo';
console.log(stringLiteral); // .*: foo
console.log(typeof stringLiteral); // .*: 'string'
</script></body></html>
@C..String()
'$!'-String()‚ D
VN$Y, !1‡!V$G N?'Q0'//1]6
r!
>%?;n!<?stringObject'Q0'//%SIfoo ]n!<
<!DOCTYPE html><html lang="en"><body><script>
'F
,'=+2
var stringObject = new String('foo');
// .*: 'foo {0="f", 1="o", 2="o"}'
console.log(stringObject);
</script></body></html>
ABC.
'$!'BY M
V0N?!0\!(String()'?(*M+%/N!0
"AS?newLb-H !3%W2A6 ` `
!0\!1!.
-?%S?-!V?/F LbB
XF'j6:'Q0-,r/*+%/6
213
'Q0-,r/ )!-Q3String()JavaScript
-!?!.L6typeof-!?N,bGJtypeof'?
object'?B
XF'Q0-,r/!0\!(string!.%%
'6:'Q0-,r/*+%,-.,:6d,:BE=$2G'!gG
=>'I 0EString()
B\!(L?String()!.y%n66!8!+O!0<%,!F ';!8!+
•
r< !8!+ String.prototype
◦prototype
•
r< n6 String.formCharCode();
◦fromCharCode()
`@-.23=>'I 0EString()
d0b!0\!(L?String()!8!+O!0<%,!F ';n66!8!+
!.y%n66
•
r< !8!+ var myString = 'foo'; myString.length;
◦constructor
◦length
•
r< n6 var myString = 'foo'; myString.toLowerCase();
◦charAt()
◦charCodeAt()
214
?bI:;<
I9Number()
11
: V !S-Q3Number()JavaScript
-3-A@Number()
'$!'*M+%/NNumber()'j6:' O!V$&6' !0\!O!V$&
' O!V$G's7 T
g6Y,JavaScript;n!<?]n!<
<!DOCTYPE html><html lang="en"><body><script>
^_9'9L<$+%]3<2new
';'<BNumber()
var numberObject = new Number(1);
console.log(numberObject); // .*: 1
console.log(typeof numberObject); // .*: 'object'
L<$+%'F
BD'53<'9c
';'<Number()JB3new
var numberObjectWithOutNew = Number(1);
// .*: 1
console.log(numberObjectWithOutNew);
// .*: 'number'
console.log(typeof numberObjectWithOutNew);
'F
BD'53<'9c
&NdB';'<LE
<$=G
+-
var numberLiteral = 1;
console.log(numberLiteral); // .*: 1
217
: V !S-Q3Number()JavaScript
console.log(typeof numberLiteral); // .*: 'number'
</script></body></html>
?I9 ;I9
:W(W2!GJavaScript'SS8 2integers!.$?/ 'V 262
'?\!4'8!b` 2 !
w2 floating point!62!
SS8 ';3V‚ D
VN$Y,
D m4\!)4n!?%,<21I16 !62!V 6JavaScript]n!<
<!DOCTYPE html><html lang="en"><body><script>
var integer = 1232134;
console.log(integer); // .*: '1232134'
var floatingPoint = 2.132;
console.log(floatingPoint); // .*: '2.132'
</script></body></html>
ABC.
!
w2 :B%B(?V#/*!x0!Fhexadecimal62*!x0
$!?<octalJavaScript
!E3$X6` !$LbB(
218
: V !S-Q3Number()JavaScript
@C..Number()
'$!'I9YNumber()‚ D
V0N0, !.Z D
V0N%,%' '?1]6
r!
,!F! !0\!;n!<?numberOne'?%SŒ0™]n!<
<!DOCTYPE html><html lang="en"><body><script>
var numberOne = new Number(456);
console.log(numberOne); //.*: '456{}'
</script></body></html>
ABC.
'$!'BYV0N?p/0Number()'?(!.+%/$!0
"AS?new' O!V$G0A%W2A ` `
!0\!1
'$!'*+%,!FNumber()/F !.0
XF'j6:*+%,
-!?!.L6-?%S?-!V?typeof-!?N,bGJ
typeof'?B
XF' !0\!('?number!.%%
'6:' *+%,-.,:6d,:BE=$2G'!gG
=>'I 0ENumber()
B\!(L?Number()';!8!+
•
r< !8!+ Number.prototype
219
: V !S-Q3Number()JavaScript
◦MAX_VALUE
◦MIN_VALUE
◦NaN
◦NEGATIVE_INFINITY
◦POSITIVE_INFINITY
◦prototype
`@-.23=>'I 0ENumber()
d0b!0\!(L?Number()!8!+O!0<%,!F ';n66!8!+
!.y%n66
•
r< !8!+ var myNumber = 5; myString.constructor;
◦constructor
•
r< n6 var myNumber = 1.00324; myNumber.toFixed();
◦toExponential()
◦toFixed()
◦toLocaleString()
◦toPrecision()
◦toString()
◦valueOf()
220
?=@_:;<
2Boolean()
12
'0? V$!<-Q3Boolean()JavaScript
-3-A@Boolean()
'$!'*+%/NW2B(?Boolean()G'!g&!F'0!0\!O!V$&
-T<?N%6'6:'0?true62false
'0?O!V$G7 T
g6Y,JavaScript;n!<?]n!<
<!DOCTYPE html><html lang="en"><body><script>
^_9'9L<$+%?)(*2new
';'<BBoolean()
var myBoolean1 = new Boolean(false);
console.log(typeof myBoolean1); // .*: 'object'
<+%'F
BD')(*'9c
';'<Number()L<$+JB3new
var myBoolean2 = Boolean(0);
console.log(typeof myBoolean2); // .*: 'boolean'
'F
BD')(*'9c
&NdB';'<Q<=G
+-
var myBoolean3 = false;
// .*: 'boolean'
console.log(typeof myBoolean3);
// .*: false false false
console.log(myBoolean1, myBoolean2, myBoolean3);
222
'0? V$!<-Q3Boolean()JavaScript
</script></body></html>
@C..Boolean()
'$!'Boolean()2 '0'?Gn=SN,I]6
r!I9Ytrue62
false'?'j2JavaScript#/s62-062null62false62NaN62undefined62
'f!'Q$'/,//Gn=SN%,true!?1]2B0B0\!;n!<?‚ D
V0N0,
true9;6false]n!<
<!DOCTYPE html><html lang="en"><body><script>
QdEF
9G
9{+Boolean()sufalse
?%Bfoo = false
var foo = new Boolean(0)
console.log(foo);
QdEF
9G
9{+Boolean()Mathutrue
?%Bbar = true
var bar = new Boolean(Math)
console.log(bar);
</script></body></html>
223
'0? V$!<-Q3Boolean()JavaScript
ABC.
'$!'BYV0N?p/0Boolean()'?(!.+%/$!0
"AS?new'0O!V$G0A%W2A ` `
!0\!1
'$!'*+%,!FBoolean()/F !.0
XF'j6:*+%,
-!?!.L6-?%S?-!V?typeof-!?N,bGJ
typeof'?B
XF' !0\!('?boolean!.%%
'6:'0?*+%,-.,:6d,:BE=$2G'!gG
=>'I 0EBoolean()
B\!(L?Boolean()';!8!+
•
r< !8!+ Boolean.prototype
◦prototype
`@-.23=>'I 0EBoolean()
d0b!0\!(L?Boolean()!8!+O!0<%,!F ';n66!8!+
!.y%n66
•
r< !8!+ var myBoolean = false; myBoolean.constructor;
◦constructor
•
r< n6 var myBoolean = false ; myBoolean.toString();
◦toSource()
◦toString()
◦valueOf()
224
'0? V$!<-Q3Boolean()JavaScript
& 9a223falseR1H
true
'?b'6:f'0?!0\!(false'$!'BYV0N?Boolean()1
GB\!('?nS%%,6 4B\!B!true'?6b'0B\!O!V$G0!%!F6
false'$!'Boolean()GnS%%,!./3$'?Whtruen!<?7 T
g6Y,
0B\!'?M%N%,P;true'? !0,GBffalseE]n!<
<!DOCTYPE html><html lang="en"><body><script>
var falseValue = new Boolean(false);
'9)Bq?)(*2*5<false
DQ6
B3"*E
;G
true
console.log(falseValue);
/*
'9)"q')(*9"*@9%–"*`9m
false–;E
G
+true
š
if (falseValue) {
console.log('falseValue is truthy');
}
</script></body></html>
225
'0? V$!<-Q3Boolean()JavaScript
'$!'*+%,!'04'?G'0f'?-S% M
#A%]bG
Boolean()"AS?'?(W6 newd0B4B\!B
XF`'62`'0`'? !N%,6
Boolean
(59q)false true
P%+-S%F `
[%:W:H92I[S%/:B( !F!, N
b!?
'?#$!bG '0Gs62-062null62false62NaN62undefined
'/,62
'f!'Q$//Gn=SN%/falseH92'?'j26JJavaScript'F!,'?!
Gn=SN%,Itrue
r< M'0?M'?N-D?%/M4#MD+%,NbG
if (true) {}; ]n!<
<!DOCTYPE html><html lang="en"><body><script>
E
;G
+' )`9mfalse
console.log(Boolean(0));
console.log(Boolean(-0));
console.log(Boolean(null));
console.log(Boolean(false));
console.log(Boolean(''));
console.log(Boolean(undefined));
console.log(Boolean(null));
E
;G
+' )`9mtrue
console.log(Boolean(1789));
226
'0? V$!<-Q3Boolean()JavaScript
j',*'==false')(*9'9)X
F
T9G
8jfalse
console.log(Boolean('false'));
console.log(Boolean(Math));
console.log(Boolean(Array()));
</script></body></html>
!.S%,%1!vW26wBJavaScriptGfalse!=W2W26
GnS%,BFtrue
227
?c_:;<
;2:HC8Z.:.
92 I9
13
'6:'0?6 :6'Q0-,r/-!% Vt!<-Q3JavaScript
R10 @.223%R1 9H
!0X
B\!(-!NW2B(?'0?6 :6'Q0-,r/'6: =W2Lj0(FX
r< !8!9b ture.toString()!0%6!S?F!0\!('6:L-D!$!0
‚ D
V0N%/!.!8!9Gn8JavaScript('6:'?'F!%'$!'B!0\!
Gn8B!0\!.%$F6 Q0qIF'?n662!8!+Gn8BB(?%$
B\!(qbvMISN/!8!+
!0\!1'6:=W2!?!.6t]3)'F!%(F!07?/'cI1
!.S%/3VB\!('6:-D!$!0!0$21'S6JavaScript
4B\!G
D
5N%,yB6!8!+Gn8BB(?%$(JavaScript!12 '624'?GM'?
=W26KSI!.3W2:JavaScripta(P9LLb-3
'Q0-,r/B`n!<]n!<
<!DOCTYPE html><html lang="en"><body><script>
1*Stringg2E
G
+
var stringObject = new String('foo');
console.log(stringObject.length); // .*: 3
console.log(stringObject['length']); // .*: 3
2Q'F
BI',*'==REF
+
229
'6:'0?6 :6'Q0-,r/-!% Vt!<-Q3JavaScript
2<*
var stringLiteral = 'foo';
console.log(stringLiteral.length); // .*: 3
console.log(stringLiteral['length']); // .*: 3
console.log('bar'.length); // .*: 3
console.log('bar'['length']); // .*: 3
</script></body></html>
:B`n!<]n!<
<!DOCTYPE html><html lang="en"><body><script>
1*Numberg2E
G
+
var numberObject = new Number(1.10023);
console.log(numberObject.toFixed()); // .*: 1
console.log(numberObject['toFixed']()); // .*: 1
2Q'F
BI'53<'9)REF
+
2<*
var numberLiteral = 1.10023;
console.log(numberLiteral.toFixed()); // .*: 1
console.log(numberLiteral['toFixed']()); // .*: 1
console.log((1234).toString()); // .*: '1234'
console.log(1234['toString']()); // .*: '1234'
230
'6:'0?6 :6'Q0-,r/-!% Vt!<-Q3JavaScript
</script></body></html>
'0?B`n!<]n!<
<!DOCTYPE html><html lang="en"><body><script>
1*Booleang2E
G
+
var booleanObject = new Boolean(0);
console.log(booleanObject.toString()); // .*: 'false'
console.log(booleanObject['toString']()); // .*: 'false'
2Q'F
BI')(*9'9)REF
+
2<*
var booleanLiteral = false;
console.log(booleanLiteral.toString()); // .*: 'false'
console.log(booleanLiteral['toString']()); // .*: 'false'
console.log((true).toString()); // .*: 'true'
console.log(true['toString']()); // .*: 'true'
</script></body></html>
ABC.
f!.$22 )!'j62' '?'8!9Gn8n6!S$!0
r< B\!(E%!- '?S
X62!0 >%4'$@+
(1).toString()621..toString()M%NlB%$!0g6b!?B(
231
'6:'0?6 :6'Q0-,r/-!% Vt!<-Q3JavaScript
n8*M+%/NI-!?a6'V'8!3!.$2'$n62
B\!!8!9G
[ 92 I ;2JEH D
'IU
'F!%(d,21'0?62 :62'Q0-,r/-T<?N%'6:
Q%+!.()6
' ?% [,!GD'!g&!'j6:*+%,!6:'!fLA
-!?„!$typeof4'/,MB\!YV$2 !0\!62'j62 '?L\!V$G'3
-!?n/4'04'?624 624'Q$typeof1'?Ld$=W2object!2
-!?/'6: M
#+%,typeofSd0%S'Q$'/,
r< '? typeof 'foo'„!0W(jstringj
';3V[,!7 T
g6Y,]n!<
<!DOCTYPE html><html lang="en"><body><script>
n
')(*n
'9)Bn
3<Bn
',n
'=="*2
console.log(typeof new String('foo')); // .*: 'object'
console.log(typeof new Number(1)); // .*: 'object'
console.log(typeof new Boolean(true)); // .*: 'object'
n
')(*n
'9)Bn
3<Bn
',n
'=='F
BD c
232
'6:'0?6 :6'Q0-,r/-!% Vt!<-Q3JavaScript
console.log(typeof 'foo'); // .*: 'string'
console.log(typeof 1); // .*: 'number'
console.log(typeof true); // .*: 'boolean'
</script></body></html>
-!??%LA!$FW!bGtypeof62'Q0-,r/'6:v%
'$!n6*+%,!.0]H !3%W2L'0?62 :String()
6Number()6Boolean()
233
?Z:;<
null
14
'? VF-Q3nullJavaScript
JEH-A@null
'?*+%,L0(?nullbG!? '?L?XB\!(!8!9H]GW2UTQN(
W2AR!,:B 4
/4']!%f'?LB(!4'?%S%`'8!9# M
DN
g
'?-M?%/Nnull'f!'8!+L'?=W2G!)€]n!<
<!DOCTYPE html><html lang="en"><body><script>
'#$foon
'9c3*+y*
Q'<%89c{;h*+null
var myObjectObject = {foo: null};
console.log(myObjectObject.foo); // .*: 'null'
</script></body></html>
ABC.
BFu+Xnull6undefined-M?%/NundefinedBJavaScript
!2 `
e!$!!Z)=W2q!9&null
=W2G!)&!FLU!?/` 5.
F%f'?LB(!.G'? !0,G%'8!+
:.typeof#Hobjectnull
-!? M
#+%,bGtypeof'?nullN/objectG M
#A%]bG6
1'?=W2B[S%null!.0[S%%'?#$!WGx01!<?-S!
235
'? VF-Q3nullJavaScript
G'6!/null-!?;n!<?*+%/0,uuu'?-!%$!0$2BY%null
]n!<
<!DOCTYPE html><html lang="en"><body><script>
var myObject = null;
.*object'_*Z6
'))7<=BO
console.log(typeof myObject);
.*true )'))B=9@Onull'
console.log(myObject === null);
</script></body></html>
ABC.
'?B[S%!0null*+%,}]!uuu-!?=W:uuX
BF•T3Nnull6undefined
236
?m.E:;<
undefined
15
'? Va!+-Q3undefinedJavaScript
-A@undefined
'?-?%/NundefinedJavaScriptB3%+Bg>
r< !=>%=W2G!)&1~fn62Bv. var foo'?EGM0/N
f!.Gn8n6!S%6B\!('F!%'8!+ =W2G!)€.$!<~>!2
'/,!
w2'=#/6 ,XI.F'8!95X2 ' prototype
'?*+%,M%sLY,undefinedJavaScript]n!<
<!DOCTYPE html><html lang="en"><body><script>
>k5,
var initializedVariable;
console.log(initializedVariable); // .*: undefined
EFJD<EF
2UJavaScript"3Dundefined
console.log(typeof initializedVariable);
var foo = {};
.*undefined'#$<m|@Obar?@foo
console.log(foo.bar);
EFJD<F
2UJavaScript'9)"3Dundefined
console.log(typeof foo.bar);
238
'? Va!+-Q3undefinedJavaScript
</script></body></html>
ABC.
'>7?/$W2B/S%/?BJavaScript*+%/W2undefinedu
G>%?]2'?uwWYFL/307?/ j
X2Aundefined2
foo = undefined*+%,LbB
XFL6null M
#0WG
'!S'xS%f'8!+62>%?'? =W2G!)&
E8@JavaScript ECMA-262gk #
r. c_/0M
FundefinedJ,=>
Bt!<8&'F!/8&a(JavaScript ECMA-262!!>%L?
E?,undefinedWh'?EGM0/N6E0 `
U=Q>%?=W:6 *!n!A?` 5
>%?'?undefined1undefined]n!<
<!DOCTYPE html><html lang="en"><body><script>
EFJD<2UundefinedLR_9?@
>
console.log(undefined in this); // .*: true
</script></body></html>
239
?GI8:;<
[e
16
'jg!n6 Vo !/-Q3JavaScript
-3-A@Math
B\!(%SMath'0!,n6 6!8!9static62 :g!-!%
r< 'g!#Fy Math.PI'>B=?wNB\!(I1JavaScript?%X6
'$!'Math()!0\!O!V$&
ABC.
B\!(W2L!f6MathL=$2Bf 4vSF2
'$!'E0'+/$‚ D
V0NMath()
=W26 LIFLXB(
JavaScriptLB\!(I1uw
-3 I 0XMath
B\!(L?Math';n66!8!+
•
r< !8!+ Math.PI;
◦E
◦LN2
◦LN10
◦LOG2E
◦LOG10E
◦PI
◦SQRT1_2
◦SQRT2
241
'jg!n6 Vo !/-Q3JavaScript
•
r< n6 Math.random();
◦abs()
◦acos()
◦asin()
◦atan()
◦anat.()
◦ceil()
◦cos()
◦exp()
◦floor()
◦log()
◦max()
◦min()
◦pow()
◦random()
◦round()
◦sin()
◦sqrt()
◦tan()
Math
D
@ D
I$8
B\!(MathB\!(! !/'Zj.N?!0\!(BcfEF!VNXMath'!w%,X`YM
V0N
242
'jg!n6 Vo !/-Q3JavaScript
`'s5XE=$2=I *!:-!%0*+%,r@1!A6'0!/n66!8!+
B'+/$O!V$&Math
`'$!F`' 5XbG
-3Math!)FZ8^$oU
B\!(!8!9B<(Math1#FyBP%+I1W:6 !.%?>B(?X
!0\!(>%?'JavaScript
r< 4v]YF!8!+cI1MIN%/
Math.PIvS'F!%/F'$!n6BF6'%F!<!8!+BFu+XM4vSF
!.%?>B(?X `
!8!91!8!+L's!/F
ABC.
'+/$#FyP%F*+%/?7M?/NX JavaScript 1.5, ECMA-262
!Bo !/8&B( t!<8&ECMAScript2 ES6Bj?w
"AS?'?(const#F<P%
243
97
.
*
'5 n6:[S?JavaScript
'<mL1!%$6 R!%(I.LOO!0y2E%?W(W2A!';u0e T
+N
R!%(!.0KS%I-Q3G5!!.?.3WG6Bj?%F'$-2 E%
•
`!.W=@+N6 `O!?,2!.%!8!+B'?ABB\!(PY%
•!O)-(B(?JavaScript!0\!1?!JB\!q,L/W2
=W2Wo!0L!?,O6/1I16!0\!(!.%!B(?'j6:6
4O)-JavaScriptB\!1
•"AS?'?('$!'O!%,!F!0\!(Y M
V0Nnew-(V*+%,62
!0\!(B'0jd$2O!V$&Q%+?
•!0\!!.=$22 !0\!1'$!n6Function()!0\!O!V$GB(?!%!F6
!0\!-9 JavaScript
•TJavaScript 1'$!Fn6 /Object()6Array()6String()
6Number()6Boolean()6Function()6Date()6RegExp()6Error()
'$!n6String()6Number()6Boolean()N.W!%3…6!.
'6:'!BBj(?%0,IJ'5!S0L%!0\!T6'6:
!0\!(
•null6undefined6/string/6rs6true6false'j62`1
B\!(!.%!bGXG '0\! 's!.a6
•'$!n6%/N!0Object()6Array()6String()6Number()
245
'5 n6:[S?JavaScript
6Boolean()6Function()6Date()6RegExp()6Error()*+%,!F
"AS?'?(new ?B\!( ?/`B\!YVN0/ complex object
•'6:/string/6rs6true6falsee\!Q9Be\!Q9'j2L?X
‚ D
V0N%,4IZ0]6!0\!(-!NW2G!0\!(JavaScript!%_!0\!a(O6
!0\!(L'!B(??B-A
•!2 A>%?G!.N%?p M
/0N%/p M
/0N!06!.D%?F'6:W=@+N
'5?p M
/0N%/p M
/0N!06!.%5?FW=@+N.?>%?
•!0\!(!2'?!FH6!/%!0H9:'6:G'6!/'6:W(
B\!(a3$GW>%?V!0H6!/%%?
•!0\!Wh?!0\!('s/FJavaScript'(!0 !.$YF/%
•'>JavaScript'>o!,2'0=?wN?!0\!(!8!9=W20I16-%'F!
4#6j2!.B(?*+%/?B'=N?!0\!(6
•62u0*+%,B\!(!8!9nQS62tS62ugB(?
B\!('8!9,W(!0o:*+%,-w:B o:*+%,
r< "AS'?-T<N?W262-() Array['prototype']
['join'].apply()
•'/,*M+%/N%/B\!(!8!9GVN$!0prototypeB\!('+/$tS
'8!9!.0t MSN/q!01!.M<NWh'M+%/N?prototype'
246
'5 n6:[S?JavaScript
'8!+'?=W:6 L!01!.M<NWG6JB\!('$!prototype
`YV0N `B\!1
'$!'BObject()'8!+'8!+BtS%/prototype
'$!'Object()2 Object.prototype'8!+M<NWG6J
'8!+cI1MM%N%/L!01undefined
•'/,-T<?prototype 5?'y'sJavaScriptB\!(B'y2
prototype
•'/,tS/FprototypeBK!0\!(?5=Wh !.0'y2
Object()'8!9 =W:prototypeB\!1!./3$Object()
•n6JavaScript6!8!9!.!0\!1
•"AS?'?(thisG!)€`'!`'s1 !4' -9 *M+%/N!0
'%SIB\!(
•"AS?'?('?thisE%/NI•!/O!0F->V%O!0y2 =SN
'
•"AS?'?(*+%,0this/\B\!(GVN%/*!n!A?
•'>*+%/JavaScriptX!A?O!V$&n6
•TJavaScript3)?5E5%In!A?16*!n!A?JavaScript
•-M?%/NX!A?B'/, !.wF-9 'V%?n6! 8Q9 n6‚ D
V0N
>%?]2'?BtS
247
'5 n6:[S?JavaScript
••!, !?%6w!Fa63V'F!%'sO!0Fn!A?'/, =SN
%]n=62E#MTNIn!A?Gn8!F'7?/I16 O!%,X
'AF!%O!V$GG[,! _ P%+ 4
•!,B'L#%,
'>?closures
•*+%,W6 ' -9 '=N?>%?6F!%varB( '! 4!8!97Q%,
!.!A%,'n!A-9 5?!?%
•W6 '=N?>%?6n6var/\B\!( 4!8!97Q%,*!n!A?
•*+%,!F'=?>%?6n6var
'! 4>%7Q%,*!n!A?
248
=@_7
0CE
*
'8r+ $!<[S?JavaScript
'%(-?P.3%'"r!?!F 6@W(W2R!%(I.LOF52
JavaScript'>F4'!4' W(W262!.+%/%JavaScript3V%(%
G
r!)
r W(!F%(aE=$:R!%(I1L3(BB%!Sr6 LF'8!+
I1B!.I92%!?L?.p T
,(';R!%(OGL]2!01B6 '>
H92geS3%6PV(%/(6R!%(JavaScript
• JavaScript: The Good Parts, by Douglas Crockford
• JavaScript Patterns, by Stoyan Stefanov
• Object-Oriented JavaScript, by Stoyan Stefanov
• Professional JavaScript for Web Developers, by Nicholas C. Zakas
• High Performance JavaScript, by Nicholas C. Zakas
250
